html - float CSS后Div崩溃

我有一个名为 NAV 的 div，在 NAV 内部我有一个带有 5 li 的 UL，我向左浮动，li 就是这样，但是当我这样做时，NAV 崩溃了。我之所以知道这一点，是因为我在 NAV 周围设置了一个边框，看看它是否崩溃了，它确实崩溃了。这是示例。

正如您在第一张图片中看到的那样，NAV div 中的链接向左浮动，并且顶部的黑色边框是名为 NAV 的实际 div。

在此图像中，您可以看到它如何具有顶部和底部边框并且没有折叠。

这是我使用的一些 html 和 css。

#nav #ulListNavi  a  {
    float: left;
}

最佳答案

将 visible 以外的任何 overflow 值添加到您的容器中:

div#nav { overflow:auto; }

然后添加width恢复宽度

div#nav { width: 100%; overflow:auto; }

关于html - float CSS后Div崩溃，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/370432/

相关文章：

css - 列在 IE 8 中为全宽 - Css bootstrap