div横向布局

div有时候是需要多个放在同一行的，但是如果用了float，会导致不能撑开父div的后果。

如果我们要做到一个父div下有一左一右两个子div，右边的子div下还有上下两个div，一般布局非常难搞。

如果右边的个数不定，则更加混乱。

我们可以把div变成inline-block；

代码如下。

<div class="grandfather"><div class="father1" style="display:inline-block;width:50px;height:80px"></div><div class="father2" style="display:inline-block"><div class="son1" style="width:50px;height:50px"></div><div class="son2" style="width:50px;height:50px"></div></div></div>