Question

一直在浏览问题和Google搜索，但我似乎找不到解决此问题的方法。除了IE7（惊喜）之外，其他任何地方的网格布局都非常好。

这些方框应该都在5个像素之内，但在IE7中，div之下的间距会完全变得拙劣。我尝试了一些修复程序，以尽量减少浏览器之间的显示差异，但这一点完全令我难以理解。

非常感谢任何见解或帮助。请忽略jquery错误和喜欢:)，谢谢。

Answer 1

你必须使用脚本来解决css的这个错误。

在你的核心，你必须创建一个javascript和这个脚本，你必须创建一个方法，如下所示。

if（browser_version == 7 || browser_version == 8）{ document.getElementById（“your_div”）。style.padding =您想要的填充。 } 其他{ document.getElementById（“your_div”）。style.padding =默认填充。 }

我认为这可以帮助您解决浏览器CSS错误。

Answer 2

您必须在CSS中进行一些更改：

1）在.gridRow内删除清除：两者然后你应该考虑添加溢出属性，并将所有边距和填充放在.gridBox的.gridRow内。这是更好的练习，因为当你的布局发生变化时你只需要改变一个类。

.gridRow {
    /*clear: both;*/
    display: block;
    margin-top: 5px;
    overflow: auto;
}

Answer 3

如果您只想要IE7样式，可以在标记中添加以下内容：

<!--[if IE 7]>
<style type="text/css">
.myIE7onlyClass {/*styles here*/}
</style>
<![endif]-->

Answer 4

在您的css代码中删除：clear:both：

.gridRow {display:block; /* Remove - clear:both; */}

然后它适用于所有浏览器。

在DIV之间的IE7额外间距/填充

4 个答案: