-1

我创建了一个表格,萤火虫显示了这样的东西。我希望颜色是左列中的整个 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(或其他更多语义元素,如NAVand 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 回答