Layout HTML布局滚动Divs

我指的是这一页：

我在页面中间有一个浮动div，这是我的“内容”div。在里面，我有3个div，我的“Caltbox”，并排，每个占用33%的空间。

当您从第一个内容框进行搜索时，它将返回一些结果，第二个内容框将可见。从那里，当您单击一个单词时，第三个contentbox将显示更多信息

我的问题是当页面缩小，或者一个单词包含大量信息时，第二个和第三个框有时会溢出主内容框。我已经看过CSS的溢出属性，但我似乎无法得到我想要的。它不应该在主内容框上流血

当主内容框上的溢出设置为自动时会发生什么：会显示一个滚动条并滚动整个内容区域

我想做的是：根据需要为每个conentbox提供一个滚动条

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

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

谢谢，

---

Bryce

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

---

您可以尝试向这些div添加一个内部div，并在内部div中添加边框和填充，如果有意义的话，只在它们的父div中保留宽度：33.3%。

尝试为主容器指定一个固定的宽度，并将溢出设置为隐藏，然后将内部div设置为固定高度，并将溢出设置为滚动。

searchleaf.js第429行出现错误，“$未定义”。@Bryce64由于Jquery库路径的源错误，请检查：）Jquery的源没有问题。我相信顺序就是问题所在：您需要在searchleaf.js之前调用jQuery，因为后者使用jQuery定义的功能。@Faust ya我想您是对的，滚动条看起来很糟糕。更好的用户

溢出：无

谢谢！我是通过在设置为overflow-y:scroll的内容框中使用一个div来实现的