layout - HTML 布局滚动 div

Question

我在页面中间有一个浮动 div，它是我的“内容”div。其中我有 3 个 div，我的“内容框”，并排放置，每个占据 33% 的空间。

当您从第一个内容框搜索时，它会返回一些结果，并且第二个内容框变得可见。从那里，当您单击一个单词时，第三个内容框将变得可见，其中包含更多信息。

我的问题是当页面缩小，或者一个词有很多信息时，第二个和第三个框有时会超出主要内容框。我已经查看了 CSS 的溢出属性，但我似乎无法得到我想要的。它不应该溢出主要内容框。

将主内容框上的溢出设置为自动会发生什么情况：出现滚动条并滚动整个内容区域。

我想要发生的事情：根据需要为每个内容框提供一个滚动条。

这是我的问题的一个简单的 html 布局示例，这可能更容易：

当 .content 中的溢出属性更改为自动时。整个事情滚动。我怎样才能让它只滚动第三个框？

谢谢，布莱斯

score 1 · Accepted Answer

您的问题可能是内部 div 的宽度为 33.3%，并且它们还有一个厚边框和填充，它们被添加到它们的宽度中（因此得到的宽度是容器的 33.3% + 边框中的像素 + 15px 内边距（两侧）。

您可以尝试将内部 div 添加到这些 div 并将边框和填充放在内部 div 中，如果有意义的话，只在其父 div 中保留 width:33.3% 。

score 0 · Accepted Answer

尝试为您的主容器提供固定宽度并将溢出设置为隐藏，然后将内部 div 设置为固定高度并将溢出-y 设置为滚动。

2 回答 2