IE8 浮动错误地显示边距答案

【问题标题】：IE8 floats incorrectly showing marginIE8 浮动错误地显示边距
【发布时间】：2013-02-04 00:48:28
【问题描述】：

该页面在除 IE8 之外的所有浏览器中几乎都能完美显示。在 IE8 中，浮动 div 的边距不正确。例如，您会看到顶部的搜索栏位于导航下方。但是，如果您在 Chrome、Firefox 或 IE9 中打开该页面，它会显示在正确的位置。

我做错了什么？！我似乎找不到解决办法。

此外，除 IE8 之外，所有浏览器中的最新视频框都位于两列中。它类似于上面的问题，其中添加了不应该存在的左边距。

页面是使用 Bootstrap 构建的。

任何帮助将不胜感激。

【问题讨论】：

【解决方案1】：

在索引之间使用 ie 条件

<html> </html>

像 html 样板一样为“ie 8 only”边距添加一个类。

加载一个自定义的 ie 8 only 样式表并在那里解决边距问题，如下所示：

<!--[if IE 8]><link rel="stylesheet" type="text/css" href="ie8-only.css" /> <![endif]-->

或者在你需要的地方加载一个类。

<!--[if IE 8]><html class="ie8 lt-ie9"> <![endif]-->

将 ie 条件类应用于您需要的任何内容。

<div class="floatedDiv ie8"

CSS

.ie8 { margin:0px; }

【讨论】：

【解决方案2】：

在ie8上我无法调试，但我搜索发现其实有一个negative margin bug on ie7/8。他们建议使用

zoom:1, position: relative

作为一种解决方法。

【讨论】：