添加太多內容時Div容器不合適

Question

我製作了一個頁面，其中包含許多'盒子'，每個盒子都有一個配方和描述等。當生活和完全編碼（php將被添加太快） 。每個框中的內容數量會有所不同，如果您現在查看頁面看起來不錯，但我強調通過在其中一個容器中加載更多描述文本來進行測試，並打破了佈局。

這是最終被移交給開發人員做所有的PHP等，但想知道人們有什麼想法來解決這個問題（如果最好，在PHP中也是如此，然後生病只是傳遞消息/想法。）

下面是當頁面看起來很好時的實時網址。 - http://jordancharters.co.uk/testarea/boxes.html

以下是相同的頁面，但容器內容過多（當客戶端添加的文本比我最初想象的要多時，可能會發生這種情況）。打破布局。 - （我只是個前端開發人員）http://jordancharters.co.uk/testarea/boxes2.html

尋找HTML或PHP等解決方案

Answer 1

你得給boxrecipes容器類的固定高度在你的style.css線902 ，並添加一個overflow：overlay屬性，以便用滾動條顯示巨大的文本。 溢出：隱藏將隱藏額外的文本固定高度，但你的標題是不可點擊的，所以爲了使「選擇食譜」按鈕可見，溢出應該是疊加的。

嘗試下面的代碼，希望如果你不想在你的塊滾動條是有用

.boxrecipes-container { 
padding: 10px; 
width: 430px; 
height: 230px; 
overflow: overlay; 
background-color: #eee; 
display: block; 
margin-right: 10px; 
margin-top: 20px; 
position: relative; 
float: left; 
}