最贊回答 / Happy_learning
任務2:請補充代碼使#mainbody和#footer寬度以父包含塊寬度為準自適應; 添加? width:100%;??? 因為塊級元素的特性就是不設置寬度自動拓展到父元素或者是容器的寬度,任務二不填也可以達到同樣的效果,并且減小了代碼量
2016-05-10
最新回答 / 溫水里的小白
因為在整個wrap中的3個 部分都沒有設置高度,而寬度呢也是默認的父元素寬度,所以當主體內容部分也就是mainbody里面的兩個DIV浮動以后,mainbody它的高度就變為了“主體內容”這幾個文本字樣的高度,所以后面的第3部分也就是footer部分就上來了,然而上來以后footer里面的“版權部分”字就被兩個浮動的DIV擠到了右邊.
2016-05-10
#wrap{width:970px; margin:0 auto;}
#mainbody{margin-top:15px;}
#left{float:left; width:110px; }
#mid{float:left;top:0; width:650px;border:1px solid #999;}
#right{position: absolute;left:770px;width:200px;border:1px solid #999;}
簡潔方式代碼
#mainbody{margin-top:15px;}
#left{float:left; width:110px; }
#mid{float:left;top:0; width:650px;border:1px solid #999;}
#right{position: absolute;left:770px;width:200px;border:1px solid #999;}
簡潔方式代碼
2016-05-10
#wrap{width:970px;margin:0;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px; border:1px solid ;}
#mid{float:left;width:650px;border:1px solid #999;margin-left:10px;}
#right{position:absolute;left:770px;margin-left:17px;border:1px solid #999;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px; border:1px solid ;}
#mid{float:left;width:650px;border:1px solid #999;margin-left:10px;}
#right{position:absolute;left:770px;margin-left:17px;border:1px solid #999;}
2016-05-10
(1)浮動元素會從正常的流中刪除,所以其他塊元素會占據它的位置,就好像根本沒有這個div一樣;
(2)不過,對內聯元素定位時,它們會考慮浮動元素的邊界,因此會圍繞著浮動元素。
(2)不過,對內聯元素定位時,它們會考慮浮動元素的邊界,因此會圍繞著浮動元素。
2016-05-09