html - 使用DIV时占用100%宽度是否安全

Question

考虑下面的代码

<div id=container>
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
</div>

和 CSS

#container {
    width: 500px;
    background-color:red;
    overflow: auto;
}
#container div {
    float: left;
    width: 22.15%;
    margin-right: 3.8%;
    height: 100px;
    background-color: blue;
    color:white;
}
#container div:last-child {
    margin-right:0;
}

宽度和边距占容器的100%(22.15% *3 + 22.15%)。这样做跨浏览器安全吗？还是为了安全我应该只占用大约 98%？

演示:http://jsfiddle.net/NSndR/

Answer 1

多数情况下是正确的，请注意边框和边距不计入 100%。例如，如果您的 div 是 100%，但它有 2px 边距，它实际上是 100% + 4px...边框也是如此。