IE7中的表格显示内联

Question

我在div里面的ie7中有两个表。 div的width属性设置为500px。这些表位于div内，并且（每个）width属性设置为450px。

当页面在IE7中呈现时，第二个表显示在第一个表（同一行）旁边，即使父div的宽度为500px，也没有被尊重。

在所有其他浏览器中显示确定。

如何告诉IE7在第一个表格下方显示第二个表格？

Answer 1

使用

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

在CSS中创建一个小型黑客，仅针对IE7。

供您参考IE Only CSS

Answer 2

这是另一种解决方法......

1) Put a <br/> tag after the first table. This will always display 2nd table below the 1st one.

2) Add <div style="clear:both"> </div> after the first table. This will do the same as above.

Answer 3

为了在您的情况下实现跨浏览器兼容性，您可以 html5shiv.js 找到here。我在大多数项目中都使用它来实现跨浏览器兼容性。希望这会对你有所帮助。