获取2个浮动div以覆盖带边框的整个页面宽度

Question

我知道通常设置宽度50％有效，但我需要在中间有一个边框，这会导致div加起来超过整个页面的宽度。是否有任何CSS3技巧来解决这个问题？

感谢

Answer 1

您可以在父div上使用overflow: hidden剪辑任何超出的空格。

您还可以使用z-index将50％div与边框放在100％div上。

z-index info

示例：http://jsfiddle.net/3JkGk/3/

Answer 2

将框大小设置为border-box：

div
{
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
}