您好我试图显示5列布局,但第五列显示在。
下.five-col{
float:left;
width: 20%;
}
我检查布局,宽度为1903像素(100%)。每个.five-col是381px所以381 * 5 = 1905px这是一个解决方案吗?
答案 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%;
}
也许是因为盒子大小丢失了?