Question

以下是http://jsfiddle.net/6quT7/，因此您可以看到在Chrome浏览器中查看每个边距 - 左边是如何变小，而在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;

}

这个问题有什么问题吗？

谢谢！

Answer 1

从display: table;删除.group_unit应该可以。

Fiddle

Answer 2

我从一个表到另一个块改变了显示位置，它对我有用。你真的需要display:table财产吗？

margin-left（以百分比设置）随Chrome中的每个元素缩小（不在Firefox中）

2 个答案: