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％的宽度（包括填充，边框和边距）在浏览器中是安全的（猜猜是什么，甚至是Internet Explorer）。百分比值也应如this SO问题中所述。

Answer 2

这基本上是正确的，只要注意边界和边距不计入100％。例如，如果你的div是100％，但它有2px的边距，那么它实际上是100％+ 4px ......与边界相同。

使用DIV时，可以安全地占据100％的宽度

2 个答案: