可以给#leftChild,#rightChild均添加一个左浮动:
#leftChild,#rightChild{
float:left;
}
不加浮动，F12调试一下两个Child的宽度，调到小于50%后可以发现它们能位于一排，
但是中间间距有一段追踪不到的空白距离，既不是padding也不是margin,可能是inline-block导致的吧。
希望能帮到你~
两个元素之间有空白字符，请将父元素的字体大小设为0即可，也可以将子元素的vertical-align:middle;
还有，你给父元素设置white-space:nowrap;子元素就不会换行了
