-1

テーブルを作成しましたが、firebugは次のようなものを示しています。左の列のdivタグ全体の色にしたい

<table style="width:100%;">
<tr><td style="vertical-align: top;">
<div style="float:right;background:silver;width:150px;height:300px;position:relative;">
</div></td>
<td>
<div>
 my table....


 blah blah....
</div>
</td></tr>
</table>

私のテーブルはこんな感じです。

ここに画像の説明を入力してください

4

2 に答える 2

1

左の列のdivタグ全体の色にしたい

色は「divタグ全体」用ですが、DIVは列のサイズに合わせてサイズ設定されていません。これは、希望どおりのサイズであると思います。

オプション

  • を浮かせないでくださいDIV。display:blockこれは、100％の幅を提供するデフォルトのレイアウトを使用します。次に、その高さを100％または特定の高さに設定できます：http：//jsfiddle.net/QCKMP/1/。これには、テーブルセルまたはDIVに明示的な高さを設定する必要があることに注意してください。

  • または、テーブルセルに直接背景色を設定します。

  • より良いオプションは、テーブルを完全に削除し、レイアウトDIVsに（または、などの他のよりセマンティックな要素）NAVを使用することです。ARTICLE

于 2012-05-07T19:10:29.620 に答える
-1

このようなことを試してください

        <html>
        <body >
        <table style="width:100%; border:1px solid red;">
        <tr><td style="vertical-align:top; float:left; padding-left:20px; border:1px solid red">
        <div style="float:right;background:silver;width:150px;height:300px;position:relative;">
        </div></td>
        <td>
        <div>
         my table....
         blah blah....
        </div>
        </td></tr>
        </table>
        </body>
        </html>

チェックアウトjsfiddle：http: //jsfiddle.net/Q4vS8/

于 2012-05-07T19:20:05.327 に答える