Question

我将此div的高度设置为100％，但内容不断溢出。

以下是页面：http://cowgirlsbaking.com/membership

CSS：

#content {

 margin-left: auto;
 margin-right: auto;
 background-color: #FCF6E9;
 width:868px;
 height:100%;
 min-height: 650px;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border: 10px solid #EB7CDB;

Answer 1

将overflow: auto;添加到#content。

Answer 2

这是因为当您浮动对象时，它们不占用外部元素中的垂直空间。

最简单的解决方案是在content div：

结尾之前添加它

<br style="clear:both">

或者使用类似.clr { clear: both; }的{{1}}

类

Answer 3

原因是你在内容div中有一个浮动元素，而你没有清除浮动。

解决此问题的最佳方法是在.css中添加clearfix特定样式，并为容器指定clearfix类，如此处指定的那样 http://www.webtoolkit.info/css-clearfix.html

Css，内容不在境内

3 个答案: