Question

我有1个.infobox div，带有4个嵌套.detailbox div，最后一个（.detailbox）div浮动在第一个元素下的新行中。这是为什么？它应该适合那里:-)我已经尝试过边距和填充。没有成功。感谢

.infobox {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
width: 100%;
-webkit-box-sizing: 'border-box';
-moz-box-sizing: 'border-box';
box-sizing: 'border-box';
height: 300px;
overflow: hidden;
border: 1px solid #dedede;
background-color: #f7f7f7;
float: left;
margin-bottom: 40px;
margin:0px
}

.infobox .detailbox {
height: 40px;
overflow: hidden;
width: 25%;
box-sizing: 'border-box';
-moz-box-sizing: 'border-box';
-webkit-box-sizing: 'border-box';
float: left;
padding: 10px 0;
border-bottom: 1px solid #dedede;
border-right: 1px solid #dedede;
text-align: center;
margin:0px
}

.infobox .detailbox:last-child {
border-right: none !important
}

Answer 1

只需删除'border-box'中的引号即可。有关框尺寸的更多信息，请访问：http://www.peterkroener.de/schoenes-neues-css-box-sizing/

BR 克里斯

4个25％宽度的元素不适合100％元素

1 个答案: