样式如下:
.parent{ width:92px; height:92px; border:1px solid #666;}
.parent p{ float:left; width:30px;}
.parent p+p{ float:right;}
HTML内容如下:
<div class="parent">
<p>a</p>
<p>b</p>
<p>c</p>
</div>
显示排列结果: acb
样式分析:p+p相邻选择符首先会将第一个起作用的p元素(即b)浮动到右边,然后对第二个p元素(即c)起作用,此时c先会浮动到右侧,但右侧已经存在内容b了,所以c会仅挨着b,在b的左侧排列,最终结果为:acb