HTML佈局滾動的div

Question

這就是我所指的頁面：http://searchleaf.com/v2/search_2.php

我在那是我的「內容」 DIV頁面中間的浮動DIV。裏面有3個div，我的「內容盒」並排排列，每個佔用33％的空間。

當您從第一個內容框搜索時，它會返回一些結果，第二個內容框將變爲可見。從那裏，當你點擊一個單詞時，第三個內容框會變得可見並提供更多信息。

我的問題是當頁面縮小或一個單詞有很多信息時，第二個和第三個框有時會溢出主內容框。我看過CSS的溢出屬性，但我似乎無法得到它，我想如何。它不應該流失主要內容框。

溢出設置爲在主內容框中自動設置：滾動條顯示並滾動整個內容區域。

我想要發生的事情：滾動條被賦予每個conentbox，因爲它是需要的。

這裏是我的問題的一個簡單的HTML佈局例如，這可能是更容易：

http://searchleaf.com/v2/layout.html

當溢出屬性中。內容變更爲自動。整件事滾動。我怎樣才能讓它滾動第三個框？

感謝， 布萊斯

Answer 1

您的問題可能是內部的div的寬度是33.3％，他們也有一個厚厚的邊框和填充，它被添加到它們的寬度（因此產生的寬度爲33.3容器的百分比+邊框中的像素+ 15px填充（兩邊）

您可以嘗試向這些div添加內部div，並將邊框和填充放在內部div中，只留下寬度： 33.3％在他們的母公司，如果這是有道理的。

Answer 2

嘗試給定固定寬度的喲你的主容器並設置隱藏的溢出，然後設置內部div爲固定高度，並設置overflow-y滾動。