获取2浮动div来覆盖页面的整个宽度

Question

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

感谢

Answer 1

集箱大小，以边界框：

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

Answer 2

您可以使用overflow: hidden在父DIV剪辑任何超出的空间。

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

z-index info

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