我有一个顶部有导航栏的页面。在导航栏中有 2 组菜单 (ul)。一组向左浮动，另一组向右浮动。然后在整个菜单下面，是内容，在流程中。
问题是，导航菜单将包含动态内容。所以他们需要:
- 随着内容的增长将内容下调
- 不能有固定的高度。
有什么方法可以做到这一点，但菜单的“效果” float 在页面的另一侧？
最佳答案
将 overflow: auto; 添加到 DIV 或两个导航 UL 周围的任何容器元素。
#header { overflow: auto; }
<div id="header">
<ul id="primaryNav">...</ul>
<ul id="secondaryNav">...</ul>
</div>
<div id="content">...</div>
关于CSS float 和动态内容，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5385307/