网页设计大赛第十一天

清除浮动的方法：

1.clear:both; 清除两边元素的浮动对他的影响

2.overflow:hidden; 在设置了width 或 height 的div中，超出父元素宽度或高度的部分，就隐藏了。

 

三列布局：

左右列固定宽度，中间列自适应。

左侧绝对定位：position：absolute;left:0;top:0;

右侧绝对定位：position：absolute;right:0;top:0;

中间宽度定位：margin:0 10px 0 10px; 上右下左，左右调节大小可以紧邻，也可以有间距

 

两列布局利用到了float：left/right 属性

1.自适应，用百分比%分配宽度，当拖动浏览器窗口时，按设置做相应变化，此方法比较少用

2.固定宽度，用px明确指定宽度，

限制左右在父级框中

.main{}

.left{float:left;}

.right{float:right;}

<div class="main">