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%導致的寬度問題