IE8忽略浮动div的上边距答案

【问题标题】：IE8 ignoring top-margin on floated divIE8忽略浮动div的上边距
【发布时间】：2013-02-10 23:43:08
【问题描述】：

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

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

【问题讨论】：

标签： internet-explorer padding margin

【解决方案1】：

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

【讨论】：

感谢JudgeProphet 的回复。我已经尝试在 css 中调整两个 div 的大小，这样我至少可以为 IE8 生成一个修复程序，并且这两个 div 不会相互反应。
定位可能需要修复

【解决方案2】：

如果您已采用这种结构和 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; 
}

【讨论】：

设置高度完美！如此简单的修复。谢谢！