浮動效果實現有兩種方法:一種采用絕對定位的方法: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