CSS3 box-sizing 50% 宽度

arb*_*arb 3 css

除非我完全不了解这个box-sizing属性……为什么这两个 DIV 不是彼此相邻的?

http://jsfiddle.net/MK7Fs/

随着box-sizing: border-box;不应填充,边距和边框“切”到了50%的宽度,并最终结束了100%的宽度和足够的空间,以适应双方的DIV?

Jas*_*per 5

使用时不添加边距box-sizing : border-box。如果您删除左/右页边距,您的框会排列在同一行上。

我还注意到您的<div>元素在第一个结束标签和第二个开始标签之间有空白。使用display : inline-block这会在元素之间增加空间,并且它们不会在同一行上排列。

演示:http : //jsfiddle.net/MK7Fs/1/

box-sizing文档:https : //developer.mozilla.org/en-US/docs/Web/CSS/box-sizing

关于display : inline-block元素之间的空间的一些阅读:http : //css-tricks.com/fighting-the-space-between-inline-block-elements/