这里是http://jsfiddle.net/6quT7/所以你可以看到在 Chrome 中查看时每个 margin-left 变得更小,而在 Firefox 中查看时每个元素的尺寸相同
这是 HTML:
<div class="group">
<div class="group_unit_first_child">
<p>Hermelin</p>
</div>
<div class="group_unit color_green">
<p>2</p>
</div>
<div class="group_unit color_blue">
<p>2</p>
</div>
<div class="group_unit color_white">
<p>8</p>
</div>
<div class="group_unit color_orange">
<p>2</p>
</div>
</div>
这是CSS:
.group_unit_first_child {
height: 100%;
width: 40.1%;
float: left;
background-color: #4e4e4e;
border-radius: 8px;
display: table;
}
.group_unit {
height: 100%;
width: 12.64%;
float: left;
text-align: center;
background-color: #4e4e4e;
border-radius: 8px;
margin-left: 0.96%;
display: table;
}
这个问题有什么解决办法吗?
谢谢!