亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

網頁布局基礎

難度入門
時長 1小時30分
學習人數
綜合評分9.63
2052人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰

最贊回答 / Happy_learning
任務2:請補充代碼使#mainbody和#footer寬度以父包含塊寬度為準自適應; 添加? width:100%;??? 因為塊級元素的特性就是不設置寬度自動拓展到父元素或者是容器的寬度,任務二不填也可以達到同樣的效果,并且減小了代碼量
右邊那個應該是788px吧???

最新回答 / 溫水里的小白
因為在整個wrap中的3個 部分都沒有設置高度,而寬度呢也是默認的父元素寬度,所以當主體內容部分也就是mainbody里面的兩個DIV浮動以后,mainbody它的高度就變為了“主體內容”這幾個文本字樣的高度,所以后面的第3部分也就是footer部分就上來了,然而上來以后footer里面的“版權部分”字就被兩個浮動的DIV擠到了右邊.

最新回答 / mk_落葉_363253147
設置絕對定位后,脫離了標準文檔流,擁有了偏移屬性和z-index屬性,所以就會在空間進行移動,就蓋住原來左邊了。
。。原來檢測不出來對錯 我一直以為我全對
DW模擬的是webkit內核瀏覽器,應該是谷歌瀏覽器之類的,而不是ie
#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;}
簡潔方式代碼
這節課點贊
#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;}

最新回答 / 光榮交白卷哥
是每個id能使用一次,并不是所有的id加起來使用一次
父層設置寬度,子層設置100%,有良好繼承性
處在標準文檔流的意思是box2沒有上移,而不是box1把瀏覽器撐開吧。
盒子尺寸等于 margin+border+padding+盒子內容尺寸
(1)浮動元素會從正常的流中刪除,所以其他塊元素會占據它的位置,就好像根本沒有這個div一樣;
(2)不過,對內聯元素定位時,它們會考慮浮動元素的邊界,因此會圍繞著浮動元素。
課程須知
1.一定要對HTML+CSS相關標簽有所掌握;2.對網頁布局知識有簡單的了解
老師告訴你能學到什么?
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局;2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消