IE6 IE7: div中table宽度100%导致的宽度问题

标签：style   color   strong   div   sp   问题   on   c   ad   

问题现象：定义了DOCTYPE的页面

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

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

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

IE8：下一切正常。

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

<div style="width:100px; height=50px; overflow:auto;"> 
    <div style="*zoom:1;"><!--添加此行--> 
        <table width="100%" border="1" cellspacing="0" cellpadding="0"> 
             .... 
        </table> 
    </div> 
</div> 

补充：

1.不止是TABLE，如果DIV宽高有像TABLE的定义，也会出现这种现象

2.DIv两列布局,一个DIV浮动,且两个DIV中同有宽度100%TABLE/DIV时, IE6会强制未浮动DIV中的内容空浮动DIV中内容的高度

IE6 IE7: div中table宽度100%导致的宽度问题

标签：style   color   strong   div   sp   问题   on   c   ad   

原文地址：http://www.cnblogs.com/chencidi/p/3980902.html