css布局

听了一位css大神讲的课，受益匪浅：

  对于css布局有了更深一步的认识：

1.左中右布局：

<div style="height: 200px; float: left; width: 200px"></div>
<div style="height:200px;float:right;width:200px"></div>
<div style="height:200px;overflow: hidden"></div>

 这样左中右的布局就完完成了。第一个<div>浮到左边，第二个浮到右边，第三个在中间，前两个的宽度是固定的，而中间的是随着页面的变化而变化的

2,左，左下右布局：

<div style="height:200px;width:200px;float:right"></div>
<div style="height:200px:width:200px;float:left;clear:both"></div>
<div style="height:500px;overflow:hidden"></div>

这样符合要求的布局就做出来了：第一个<div>飘到左边 ,第二个也浮到左边，这两个块会重合，然后给第二个设置clear，使其移动到第一个的下面;对于第三个而言，没有设置宽度，他就会占满屏幕，与前两个产生重叠，用overflow消除与前两个的重叠，自己成为独立的部分。