css3 Chrome宽度%计算四舍五入

时间:2015-03-01 21:37:02

标签: css3 google-chrome safari rounding-error

您好我试图显示5列布局,但第五列显示在。

.five-col{
    float:left;
    width: 20%;
}

我检查布局,宽度为1903像素(100%)。每个.five-col是381px所以381 * 5 = 1905px这是一个解决方案吗?

1 个答案:

答案 0 :(得分:0)

没有看到任何问题:http://jsfiddle.net/4uwckjzh/

HTML:

<div class="five-col"></div>
<div class="five-col"></div>
<div class="five-col"></div>
<div class="five-col"></div>
<div class="five-col"></div>

CSS:

.five-col{
    height: 50px;
    border: 1px solid black;
    box-sizing: border-box;
}
.five-col{
    float:left;
    width: 20%;
}

也许是因为盒子大小丢失了?