html - 百分比宽度和 1px 边框

Question

我注意到在当前版本的 Safari 和 Chrome 中，当我并排创建元素时，四舍五入到一个完整的 100% 数字，我得到一个调整的小像素边框(因为我没有使用白色背景对于调整大小的元素/div)。我觉得我只是缺少位置属性，但我在 el Google 上找不到任何资源来帮助我。

一个 fiddle 来说明我的问题(OS X Safari 和 Chrome 测试)

http://jsfiddle.net/shawnstrickland/HXyZ7/

Answer 1

您可以使用overflow:hidden;。像这样写:

nav {
    float: left;
    width: 25%;
    background-color: blue;
}
article {
    overflow:hidden;
    background-color: red;   
}

检查这个http://jsfiddle.net/HXyZ7/7/