使用max-width＆amp;宽度：100％，这是正确的方法吗？

Question

我正在使用这个CSS，它适用于除Chrome之外的所有浏览器。

CSS：

#header {
    width: 100%;
    max-width: 1024px;
}

HTML：

<table id="header">
    <tr>
        <td>
        </td>
    </tr>
</table>

我希望#header尽可能扩展，但最多1024px。在Chrome上它只延伸100％。

这样做的正确方法是什么？

Answer 1

尝试将display: block添加到CSS。

#header {
    background:red;
    width: 100%;
    max-width: 300px;
    height:100px;
    display: block;
}​

JS小提琴：http://jsfiddle.net/nvkxR/

Answer 2

您所要做的就是将table设置为display: block。

见这里：http://jsfiddle.net/SrAwx/2/