html – 浮动后的div崩溃css

前端之家收集整理的这篇文章主要介绍了html – 浮动后的div崩溃css前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个名为NAV的div,在NAV内部,我有一个5L的UL,我漂浮在左边,但是当我这样做时,NAV崩溃了。我知道这一点,因为我在NAV周围设置一个边界,看看它是否崩溃了。这是例子。

collapsed http://img401.imageshack.us/img401/8867/collapsedze4.png

no collapsed http://img71.imageshack.us/img71/879/nocollapsedkx7.png

正如你可以在第一张图片中看到的那样,NAV div中的链接被左移
黑色边框ontop是实际的div称为NAV。

在此图像中,您可以看到它如何具有顶部和底部边框,而不会折叠。

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

alt text http://img301.imageshack.us/img301/5514/codejc8.png

#nav #ulListNavi  a  {
    float: left;
}

解决方法

添加除容器外可见的任何溢出值:
div#nav { overflow:auto; }

然后添加宽度来恢复宽度

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

猜你在找的HTML相关文章