Html t车身宽度不会自动延伸到桌子的宽度

Html t车身宽度不会自动延伸到桌子的宽度,html,css,html-table,reset,Html,Css,Html Table,Reset,请看下面的示例: “规格”下的红色表格并不是包含它的全部宽度——当检查Firebug时,div不是220像素,而是基于内容宽度刚好超过100像素 <div class="grid_4 alpha"> <table width="100%" class="grid_4 alpha omega"> <tr class="specrow"> <td class="specname">type:&l

请看下面的示例:

“规格”下的红色表格并不是包含它的全部宽度——当检查Firebug时,div不是220像素,而是基于内容宽度刚好超过100像素

<div class="grid_4 alpha">
    <table width="100%" class="grid_4 alpha omega">
            <tr class="specrow">
            <td class="specname">type:</td>
            <td class="specvalue">House</td>
        </tr>
        <tr class="specrow">
            <td class="specname">year:</td>
            <td class="specvalue">1986</td>
        </tr>
    </table>
</div>
我知道有一个通用的CSS重置程序,我认为这就是导致问题的原因。不幸的是,我不能删除对它的引用,因为此时多个站点从同一个位置引用它,我不能不仔细检查就进行更改。所以我需要一种方法来覆盖样式表本身。正在调用的重置CSS是:

<link rel="stylesheet" type="text/css" media="all" href="http://demo.brixwork.com/master/css/reset.css" />

表继承显示:inline

它应该是:显示:表格

显示:inline的部分是:

.grid_1, .grid_2, .grid_3, .grid_4, 
.grid_5, .grid_6, .grid_7, .grid_8, 
.grid_9, .grid_10, .grid_11, .grid_12, 
.grid_13, .grid_14, .grid_15, .grid_16 {
    display: inline;
    float: left;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
}
你应该加上

display: table;
在此选择器下:

#listing_specs table { }
您可以使用此代码

tbody{
    width: 100%;
    display: table;
}

啊,我看到了那里的冲突。谢谢是的,我用display:inline块破坏了它,但我也可以用display:inline表来代替它
tbody{
    width: 100%;
    display: table;
}