0

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

CSS：

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

HTML：

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

我希望#header 尽可能地扩展，但最大为 1024px。在 chrome 上它只是扩展了 100%。

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

4

2 回答 2

2

尝试添加display: block到 CSS。

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

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

于 2012-07-09T18:52:50.963 回答
2

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

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

于 2012-07-09T18:56:57.633 回答