摘自:《写给大家看的CSS书》 Stylin' with CSS: A Designer's Guide,Charles Wyke-Smith,新版叫《CSS设计指南》
<div> <div style='height: 500px; background: #888; width: 180px; float: right;'></div> <div style='height: 500px; background: #444; margin-right: 180px;'></div> </div>
由于浮动的DIV不在文档流中,所以它会向右向上浮动并停留在包含元素中最高最远的位置上。而另一个非浮动的DIV现在则是包含元素文档流中的第一个元素,因此也会从包含元素的左上角位置开始排布。只是由于设置了它的右外边距,才使该分栏的右边缘位置远离了包含元素,从而避免了栖身于导航分栏之下。(原书是左边栏固定宽度,左浮动,左右均可)