table-layout:auto的表格的一柱擎天现象实例页面

展示

就1列就1列就1列就1列就1列

当父级relative，且宽度很小的时候，例如{position:relative; width:20px;}，absolute元素也会出现一柱擎天的情况；

代码

HTML：

<table>
    <tr>
        <td>就1列就1列就1列就1列就1列</td>
        <td>当父级relative，且宽度很小的时候，例如...</td>
        <td>当父级relative，且宽度很小的时候，例如...</td>
    </tr>
</table>

CSS：

table {
    width: 280px;
    margin: 0 auto;
    text-align: left;
}