div中table宽度为100%引发的问题(IE6、IE7)

2019独角兽企业重金招聘Python工程师标准>>>

 

问题现象：

div已指定高度和宽度，表格宽度为100%。

当表格的内容比div的高度还要高时，div会出现滚动条，这时在IE6和IE7下会出现问题，IE8下一切正常。

此时div在IE6\7下的宽度为：指定的宽度+竖滚动条的宽度。

造成的问题：

IE6\7下，宽度大于指定的宽度。

解决方法：内嵌套一个分区元素Layout

<div style="width:300px; height:300px; overflow-y:auto; overflow-x:hidden">

<!--[if lte ie 8]> <div style="+zoom:1"><![endif]-->

<table width="100%">

....中间部份省略....

</table>

<!--[if lte ie 8]> </div><![endif]-->

</div>

转载于:https://my.oschina.net/zhailibao2010/blog/102002