由于display:block,表的宽度被冻结

时间:2011-10-05 09:18:34

标签: html css html-table width

我创建了一个包含table的页面,其中包含一些数据。虽然我将表格的宽度设置为其父div的80%,但内部tbody和其他孩子的宽度被冻结为450px。

我还注意到,一旦删除了属性display: block,表格的子项就被正确显示(表格的宽度为100%)

我有一个特殊原因要将宽度冻结在450px?我在我的CSS中检查过,我没有设定这样的规则。

以下是我的表格代码:

<div id="maincol">
<table width="80%" border="0" cellpadding="1" cellspacing="0" id="dates" class="summary" name="dates" style="display:block">
    <tbody>
        <tr>
                 ...

1 个答案:

答案 0 :(得分:4)

表格有自己的显示类型:“表格”(并且它是唯一可能的显示类型),同样 tr td 分别显示“表格行”和“表格单元格