Question

我有类似的东西：

<body>
<div id="wrapper">
<div id="header">
<ul>
<li>something</li>
<li>something</li>
</ul>
</div>
<div id="content">


</div>

<div id="footer">
</div>

</div><!-- end of wrapper -->
</body>

我应用了这个CSS：

#wrapper {
margin:0px auto;
width:100%;
}

#header {
background:#b82626;
}

#content {
clear:both;
float:left;
width:75%;
}

#sidebar {
margin-left:75%;
}

#footer {
clear:both;
height:50px;
}

现在，我需要增加标题的内容，例如。我添加了许多页面<li></li>，当我超出空格时，标题的高度不会增长，只是文本溢出标题边框并进入主要内容。

所以，如果有人可以建议我在这里申请好的规则，这将是非常好的。我需要标题随内容增长。

由于

Answer 1

您是否在浮动列表项？如果是这样，那么您将需要对标题div应用clearfix。

#header:after {
  content: "";
  display: block;
  clear: both;
}

如何使<div>与内容一起成长？</div>

1 个答案: