个人补充一下，还有一种清除浮动的方法是使用伪类:after{
content:"";
height:0;
visibility:hidden;
display:block;
clear:both;
}
只不过这种方法对IE不太管用，适用于非IE的浏览器。
content:"";
height:0;
visibility:hidden;
display:block;
clear:both;
}
只不过这种方法对IE不太管用，适用于非IE的浏览器。
2016-05-29
z-index是针对网页显示中的一个特殊属性。因为显示器是显示的图案是一个二维平面，拥有x轴和y轴来表示位置属性。为了表示三维立体的概念如显示元素的上下层的叠加顺序引入了z-index属性来表示z轴的区别。表示一个元素在叠加顺序上的上下立体关系。
#wrap{width:970px; margin:0 auto;}
#mainbody{【任务3】 margin-top:15px;}
#left{float:left;width:110px; }
#mid{float:left;width:650px;border:1px solid #999;positive:relative}
#right{float;right;border:1px solid #999;position:absolute;left:777px;}
#mainbody{【任务3】 margin-top:15px;}
#left{float:left;width:110px; }
#mid{float:left;width:650px;border:1px solid #999;positive:relative}
#right{float;right;border:1px solid #999;position:absolute;left:777px;}
2016-05-29
#right{position:absolute;margin-left:794px;border:1px solid #999;}
我写的margin-left：794px,原因是970-（1+110+1+13+1+650+1+17）
解释wrap的总宽度-（left的宽度+left两侧边框+left和mid的间距+mid的宽度+mid两侧边框+mid与right的间距）
当我设置#wrap{overflow：hidden}时，却发现right的右侧边框被隐藏了，此时调整#right{margin-Left:791px}刚好能见右边框
我写的margin-left：794px,原因是970-（1+110+1+13+1+650+1+17）
解释wrap的总宽度-（left的宽度+left两侧边框+left和mid的间距+mid的宽度+mid两侧边框+mid与right的间距）
当我设置#wrap{overflow：hidden}时，却发现right的右侧边框被隐藏了，此时调整#right{margin-Left:791px}刚好能见右边框
2016-05-27