Question

我的html页面的这部分（95％的代码被删除）在IE7.0（IE6.0未经测试）与其他浏览器中看起来仍然不同。任何人都可以告诉我如何修复，以便IE7.0以与FF，Opera和其他人相同的方式显示它吗？

<html >
<body>
<div style="margin: 0 100px 0 340px;">
    <div style="margin-right: -103px; height:300px; border:1px solid #3c6; float:right;">right is <br>different<br>when use<br>IE7.0. <br>Why?</div>
    <div  style="border:1px solid #c63; height:300px;">middle is OK</div>
</div>
</body>
</html>

这两个div应该在beetween中有一些空间，但是IE7.0将它们组合在一起。

Answer 1

正是这样做的负利润。这是构建内容的一种不寻常的方式，所以你遇到了IE处理不同的边缘情况。

如果您以更标准的方式构建页面（很难在没有具体了解您要完成的内容的情况下推荐更多详细信息），那么您将遇到这样的边缘情况。

但是如果情况要求这是必须的，那么你可以将margin-left:44px;添加到具有负右边距的div（根据需要调整44px）。这将导致：

<html>
<body>
<div style="margin: 0 100px 0 340px;">
    <div style="margin-right: -103px; margin-left:44px; height:300px; border:1px solid #3c6; float:right;">right is <br>different<br>when use<br>IE7.0. <br>Why?</div>
    <div style="border:1px solid #c63; height:300px;">middle is OK</div>
</div>
</body>
</html>

IE7.0与其他浏览器（简化版）相比，2个div看起来有所不同。怎么修？

1 个答案: