internet-explorer - IE8忽略浮动div的上边距

Question

除 IE8 之外的所有浏览器都正确读取我网站上导航菜单边距的 css。IE8 忽略了我在两个全宽 div（徽标 div 和菜单 div）之间的导航 css 上放置的任何边距或填充。原始文件来自我编辑的一个简单的响应式模板。

我需要将导航菜单 div 放置得足够远，以免干扰背景图像。有没有人有什么建议？

Answer 1

如果你嫁给了这种结构和 css 方法：

<div id="header-inner" class="sixteen columns over">
  <div id="masthead" class="sixteen columns alpha"></div>
  <div class="clear"></div>
  <nav class="sixteen columns omega" id="main-nav" name="main-nav"></nav>
</div>

和浮动#masthead和#main-nav和#main-nav绝对定位在底部，那么你需要指定 #header-inner一个明确的高度。其他浏览器将其高度计算为 225 像素，这就是我要开始的地方。

#header-inner{
height: 225px; 
}

Answer 2

仅用于 IE 目的也许您可以添加一个修复“表格或 Div”标签，当检测到 IE 时，您将在运行时设置它的高度（想想 jquery）。