两栏流动式布局

摘自：《写给大家看的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现在则是包含元素文档流中的第一个元素，因此也会从包含元素的左上角位置开始排布。只是由于设置了它的右外边距，才使该分栏的右边缘位置远离了包含元素，从而避免了栖身于导航分栏之下。（原书是左边栏固定宽度，左浮动，左右均可）