让html的一行不执行css3,css3 – CSS：为什么这个内联块div不显示在同一行？

我一直在试验显示：div元素的内联块,我试图找出为什么我的两个内部div元素不显示在同一行上.两个div都设置为200px的宽度,其父div设置为400px.

如果我将内部div设置为向左浮动而不是使用内部块,则它按预期工作.

代码段如下：

注意：我已将box-sizing设置为border-box.因此,我认为即使使用1px边框,这也会使两个内部div完全相差200px.

* {

box-sizing: border-box;

}

html,

body {

padding: 0;

margin: 0

}

.container {

width: 400px;

}

.inner {

border: 1px solid black;

padding: 10px 0;

width: 200px;

display: inline-block;

}

Why does this display on two lines?

Testing border box property

Second div