0

この CSS を使用しています。Chrome を除くすべてのブラウザーで動作します。

CSS:

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

HTML:

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

#header を可能な限り拡張したいのですが、最大 1024px です。クロムでは、100%拡張されます。

これを行う正しい方法は何ですか?

4

2 に答える 2

2

display: blockCSSに追加してみてください。

#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 に答える