0

我已经制作了一个页面，其中将包含许多“盒子”，每个盒子都有一个食谱和描述等。当生活和完全编码时（过早添加 php）。每个框中的内容量会有所不同，如果您现在查看页面，它看起来不错，但我通过在其中一个容器中添加加载更多描述文本来对其进行压力测试，它会破坏布局。

这最终将交给开发人员来完成所有的 PHP 等工作，但想知道人们有什么想法来解决这个问题（如果最好的话，在 PHP 中也是如此，那么我只是传递消息/想法。）

这是页面看起来不错时的实时网址。- http://jordancharters.co.uk/testarea/boxes.html

这是相同的页面，但容器的内容太多（当客户端添加的文本比我最初想象的要多时，可能会发生这种情况）。破坏布局。- http://jordancharters.co.uk/testarea/boxes2.html

寻找 HTML 或 PHP 等的解决方案。（我只是一个前端开发人员。）

4

1 回答 1

0

您必须在 style.css 第 902 行中为 boxrecipes-container 类指定一个固定高度，并添加一个 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;
}
于 2013-10-16T09:43:56.970 回答