在这里看看这个例子:
[HTTP://Denise.白日心work.com/show listing/1/8297-valley-drive-alpine-meadows-Whistler-Denise-Brown-real-estate]
而且“规格”下的红色表格不会变成包含它的完整宽度-在Firebug上进行检查时,div不是220像素,而是基于内容宽度刚好超过100像素。
type: | House |
year: | 1986 |
CSS代码如下所示:
#listing_specs table {
width: 100%;
}
#listing_specs table tbody {
display: table-row-group;
width: 100%;
}
.specrow {
margin:2px 0px;
border-bottom:1px dotted #dadada;
color: #fff;
width: 100%;
background-color: #A92229;
}
.specrow:hover {
background-color:#fff;
color:#333;
}
.specname{
font-weight: 600;
padding:2px 2px 2px 5px;
width: 50%;
white-space: nowrap;
}
.specvalue {
font-weight:normal;
padding:2px 5px 2px 5px;
text-align:left;
width: 50%;
}
我知道有一个通用的CSS重置程序,我认为这就是问题所在。 不幸的是,我不能只删除对它的引用,因为此刻有多个站点从同一位置引用了它,并且我不能不做仔细的检查就做出更改。 因此,我需要一种在样式表本身上覆盖它的方法。 被调用的重置CSS是: