一个css属性box-sizing

有三个div，div1、div2左浮动float：left，div3右浮动float：right，宽度为50%，border为1px，然而由于border宽度不在width范围内，所以最终效果如下：

一种方法，利用box-sizing属性设置三个子div，即加入box-sizing:box-border;则会恢复正常如下：