区块链、APP、公众号、小程序、物联网、智能硬件、网站开发新模式,安全,超速,可控。
所在位置:
切片软件攻略
IE6 IE7: div中 table 宽度100% 引发的血案
      人气:

问题现象定义了DOCTYPE的页面

当表格的内容比div的高度还要高时,div会出现滚动条,同时在IE6和IE7下会出现问题:

IE6:此时table的100%宽度还是没有滚动条那是的宽度,出现滚动条后,div的可视宽度减少,导致横向滚动条也出现了,而且横向能滚动的长度正好是滚动条的宽度。

IE7:竖滚动条此时则很操蛋的消失了.....

IE8下一切正常。

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

<div style='width:100px; height=50px; overflow:auto;'>
<!--[if lt ie 8]><div style='+zoom:1;'><![endif]-->
<table width='100%' border='1' cellspacing='0' cellpadding='0'>

....

</table>

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

</div>

补充:
1.不止是TABLE,如果DIV宽高有像TABLE的定义,也会出现这种现象
2.DIv两列布局,一个DIV浮动,且两个DIV中同有宽度100%TABLE/DIV时, IE6会强制未浮动DIV中的内容空浮动DIV中内容的高度

版权所有 © 2017 ymznkf.com. 成都玉目科技有限公司 蜀ICP备17032468号-1