我正在尝试创建一个小的导航菜单，但是 IE 似乎以不同的方式呈现它，完全把它搞砸了。
这是我正在使用的 html/css（jsfiddle 正确呈现它，chrome 也是如此）：
http://jsfiddle.net/Seytonic/gmp975sm
然而 IE 是这样渲染的（我省略了 jsfiddle 中的引导程序）：
编辑：我使用的是 IE 11
【问题讨论】：
</div> 之前的</body>。
标签： html css twitter-bootstrap google-chrome internet-explorer
这就是为什么在浮动元素上声明宽度很重要的原因之一。否则，框大小可能会在不同浏览器中呈现不同。
尝试将width: 330px 添加到#navigation 容器中。
330px 只是一个例子。您也可以使用相对单位，例如百分比或 em。
同样，为避免不可预知的浏览器行为，还要为两个浮动子元素指定宽度：
#navbar li { width: 49.5%; }
然后调整顶行方框之间的间距：
#projects { margin-left: .5%; }
#about { margin-right: .5%; }
最后，width 默认只包含content box。让它也考虑到 padding 和 border 与box-sizing: border-box:
html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit;}
【讨论】：
#navigation)，则内部的浮动元素将遵循边界。如果没有明确的宽度，浏览器可能会以不同的方式处理大小（如您所见）。