使用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

或者将两个div的display: inline更改为display: inline-block。