css - IE8 浮动错误地显示边距

Question

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

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

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

该页面是使用 Bootstrap 构建的。

任何帮助，将不胜感激。

score 0 · Accepted Answer

我无法在 ie8 上调试，但我搜索并发现实际上ie7/8 上存在负边距错误。他们建议使用

zoom:1, position: relative

作为一种解决方法。

score 0 · Accepted Answer

在索引之间使用 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 回答 2