表压扁适合（css）

Question

如果我在一个700px宽的div中放置一个自然宽度为800px的表，即使设置了css属性overflow:scroll;，该表仍然会被“压缩”到700px空间中。

是否有任何html或css我可以编辑/重新设计来修复此问题？

Answer 1

检查这可能会解决问题

table
{
table-layout:fixed;
}

Answer 2

这将是您所需的标记

<div style="width:700px; height:300px; overflow:auto; border:1px solid red;">
    <table width="800" border="1">
        <tr><td> Col 1 </td> <td> col 2 </td></tr>
    </table>
</div>

Answer 3

不符合此测试http://jsfiddle.net/6J9AB/1/

你确定它不是别的吗？

您是否将表格宽度定义为800px？ （它自然会怎么样800px？）