(我在 IE 8 中查看 this site。)如您所见，内容 float 在中心，敲击其下方的侧边栏。它在 Chrome 中完美运行。我不明白为什么 float :左；命令在 IE 中不起作用。

#content {
margin: 5px 0 5px 5px;
font: 1.2em Verdana, Arial, Helvetica, sans-serif;
width:65%;
float:left;
}

感谢您的帮助。

度母

最佳答案

如果您将 overflow: hidden 添加到您的 ul#list-nav 中，那么这将防止 float 导航弄乱文档的其余部分。

至于为什么导航显示奇怪，那是因为你指定的宽度和布局不好。你应该使用的是:

ul#list-nav {
    overflow: hidden;
}

ul#list-nav li {
    width: 16.66%;
    float: left;
    display: block;
    margin: 0;
    padding: 0;
}

ul#list-nav li a{
    display: block;
    margin-left: 1px;text-decoration: none;
    padding: 5px 0;
    background: #754C78;
    color: #EEE;
    text-align: center;
}

这样，每个元素的宽度正好是 16.66%，而不是 16.62% + 1px

关于css - float : left; Not working in IE?，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6909842/