添加太多内容时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; 
}