如何让较低的两个div在同一行？

Question

http://jsbin.com/egobu3

我尝试将display:inline,但这会产生缩小div的副作用.基本上我想要一个宽条,下面两个较窄的区域将一起大小相同.

Answer 1

只需添加float: left到.b和.c.

.b, .c {float: left}

http://jsbin.com/egobu3/2

或者,添加display: inline-block到.b和.c:

.b, .c {display:inline-block}

并删除HTML中的空格:

<div class="b">BBBB</div><div class="c">CCCC</div>

http://jsbin.com/egobu3/3