浮动效果实现有两种方法:一种采用绝对定位的方法:position:absolute;
第二种采用float属性的方法进行浮动(两列效果的常用),即float:left;
#left{/*float:left;*/position:absolute;width:110px;}
#mid{/*float:left;*/position:absolute;margin-left:123px;width:650px;}
#right{position:absolute;margin-left:790px;border:1px solid #999;}
第二种采用float属性的方法进行浮动(两列效果的常用),即float:left;
#left{/*float:left;*/position:absolute;width:110px;}
#mid{/*float:left;*/position:absolute;margin-left:123px;width:650px;}
#right{position:absolute;margin-left:790px;border:1px solid #999;}
2017-05-24
正确答案:
#mainbody{position:relative;;margin-top:15px;}
#left{float:left; margin-right:13px; width:110px; border:1px solid #999;}
#mid{float:left; margin-right:17px;width:650px;border:1px solid #999;}
#right{position:absolute;right:0px; margin-left:794px; border:1px solid #999;}
#mainbody{position:relative;;margin-top:15px;}
#left{float:left; margin-right:13px; width:110px; border:1px solid #999;}
#mid{float:left; margin-right:17px;width:650px;border:1px solid #999;}
#right{position:absolute;right:0px; margin-left:794px; border:1px solid #999;}
2017-05-23
哇,真的是温故而知新,当初听觉得没什么,真的做完一个稍复杂的网页后,真的就会发现对浮动一无所知,这老师除了说错了一处地方,其他的都很好
2017-05-19
*{margin:0; padding:0;}
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative;margin-top:15px;}
#left{float:left;width:110px;margin:0 13px 0; }
#mid{float:left;width:650px;border:1px solid #999;}
#right{position:absolute;width:177px;right:0;border:1px solid #999;}
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative;margin-top:15px;}
#left{float:left;width:110px;margin:0 13px 0; }
#mid{float:left;width:650px;border:1px solid #999;}
#right{position:absolute;width:177px;right:0;border:1px solid #999;}
2017-05-19
讲错了哦,是脱离文档流的,而且也不是像磁铁那样吸。float是在立体图层上,Z轴向上移动。http://www.w3school.com.cn/css/css_positioning_floating.asp
2017-05-19