具有表格布局的HTML表格在div中固定，在IE6中有溢出

Question

我的布局中遇到IE6问题。 这是样本。

 <div style="overflow:hidden;">
    <table style="table-layout: fixed;" width="100%" border="0" cellpadding="4" cellspacing="0">
                    <colgroup>
                        <col width="30px" />
                        <col width="100px" />
                        <col width="200px" />
                        <col width="150px" />
                        <col width="300px" />
                        <col width="320px" />
                        <col />
                    </colgroup>
                    <tr>
                        <td>
                            &nbsp;
                        </td>
                        <td class="gridHeader">
                            Condition
                        </td>
                        <td>
                            Condition Description
                        </td>
                        <td>
                            Fixed Item
                        </td>
                        <td>
                            Optional Item
                        </td>
                        <td>
                        </td>
                    </tr>
                </table>
            </div>

在IE6中，当我尝试将浏览器宽度调整为较小（或当数字列超出浏览器宽度时）并且当div命中最右列时，它会停止调整大小并显示浏览器滚动，这不应该发生。 有谁知道解决方法吗？任何建议将不胜感激。

此致 Nay Min

Answer 1

你想要的行为是什么？因为您正在使用像素修复列的宽度，所以浏览器的手是绑定的。它不能减小尺寸。如果您更喜欢流体布局，请使用百分比。如果您想在IE6中模仿max-width，则需要依赖JavaScript。