Css 如何制作<；部门>；与内容一起成长？_Css

Css 如何制作<；部门>；与内容一起成长？

css

Css 如何制作<；部门>；与内容一起成长？,css,Css,我得到了这样的东西： <body> <div id="wrapper"> <div id="header"> <ul> <li>something</li> <li>something</li> </ul> </div> <div id="content"> </div> <div id="footer"> </div>

我得到了这样的东西：

<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>

现在，我需要增加页眉的内容，例如，我添加了许多页面，当我超出空间时，页眉的高度不会增加，只是文本溢出页眉边框进入主内容

所以，如果有人能建议我在这里应用好的规则，那就太好了。我需要标题与内容一起成长

谢谢

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

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

对于你的内容，我建议你停止做任何阻止它的事情。你确定你正在展示你的整个css吗？随着内容大小的增长而增长实际上是Element的标准行为。你说你有“像这样的东西”，那么为什么不展示它而不是这个呢？这些都是值得一提的东西，其他的风格只是details@MrLister我不明白你的意思，但没关系。即使OP浮动列表项（或

#标题

中的任何内容），

#内容

已经有了一个

清除：两者都

，所以这是没有必要的。是的，我是浮动列表元素，非常适合这个规则，非常出色：D，谢谢，最佳答案；）很高兴我能帮忙。不过，将来您应该发布完整的代码。你在问题中发布的内容显然缺少一个重要的细节！

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