使用CSS的div位置

Question

您能否参考此http://jsfiddle.net/BRWWN/如何按以下顺序放置div。

蓝色div在左侧显示为左侧菜单，红色div在蓝色div的右侧。

Answer 1

添加float:left; 二者皆是：

#a {
 width: 25%;
 border: thick solid Blue;
 height: 200px;
 display:inline;
 float:left;
}

#b {
 width: 25%;
 border: thick solid Red;
 height: 200px;
 display:inline;
 float:left;
}

Answer 2

或将display: inline更改为display: inline-block对于两个div。