box-sizing:border-box设置并排带边框的容器

css code：

<style type="text/css">

div.box {
box-sizing: border-box;/*两个并排的带边框的框*/
width: 50%;
border: 8px solid red;
float: left;
}

</style>

html code：

<div class = "box"> hello world </div>
<div class = "box"> 不管边框有多粗，都不会被挤下来。 </div>