Question

IE6让我疯狂。

以下HTML在除IE6之外的每个后千禧一代浏览器中都能正常工作。右手div滚动显示表格。在IE6中，表突破了div的大小限制。

有些天才请告诉我我要做什么让IE6尊重这个div的宽度并像一个好的浏览器一样滚动？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
   </head>
    <body>
        <div style="float:left;width:200px;">Leftist</div>
        <div style="float:left;width:500px;">
            <div style="overflow-x:scroll;border:1px solid red;">
                <table width="1000px" border="1">
                    <tr>
                        <td>1111111111111111111111111111111111111111111111111111111111111111111111111111</td>
                        <td>2222222222222222222222222222222222222222222222222222222222222222222222222222</td>
                        <td>3333333333333333333333333333333333333333333333333333333333333333333333333333</td>
                        <td>4444444444444444444444444444444444444444444444444444444444444444444444444444</td>
                    </tr>
                </table>
            </div>
        </div>
    </body>
</html>

Answer 1

将您的内部div样式更改为：

<div style="overflow-x:scroll;border:1px solid red;width:500px;">

请注意宽度规格。确保您在同一元素上拥有overflow和width属性。

Answer 2

为包含表的div添加宽度，即带有overflow-x：scroll样式属性集的div

Answer 3

只需将宽度：100％添加到红色div。

<div style="overflow-x:scroll;border:1px solid red;width:100%;">

IE6表破坏了div

3 个答案: