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

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

網頁布局基礎

難度入門
時長 1小時30分
學習人數
綜合評分9.63
2052人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
那個工具是什么
講的很好很棒
#wrap{width:970px;margin:0 auto;}
#mainbody{overfolw:hidden;width:100%;margin-top:15px;position:relative;}
#left{float:left;width:110px;}
#mid{float:left;margin-left:13px;width:650px;border:1px solid #999;}
#right{position:absolute;margin-left:790px;border:1px solid #999;}
對不對
網頁布局3大定位機制:
層定位機制:
絕對定位機制;
標準文檔流定位機制。
塊級標簽 會自己占用一行, 遇到盡頭會自動換行;
行級標簽 共享行
當元素設置為絕對定位后,元素也會 多出兩類屬性:偏移量屬性 和 Z-index屬性
不同的是:
1.該元素已經脫離了標準文檔流(不占位)
2.建立的定位基準不是該元素的原來位置,而是分兩種情況
2.1:沒有設置偏移量:無論是否存在已定位的祖先元素,都保持在元素初始位置,脫離文檔流,寬度塌陷(隨內容變化而變化)
2.2:設置了偏移量:又分兩種情況(A.無已定位的祖先元素 B.有已定位的祖先元素)
A.無已定位的祖先元素:它會以根節點(<html>)為偏移參照基準
B.有已定位的祖先元素:它會以距其最近的已定位祖先元素為偏移參照基準
絕對定位不在文檔流中(不會占位置,寬度及長度顯示隨內容增減而增減
那些說不用寫提交就對了的,我就問問,你是想來刷分還是想來學習知識的?對不對自己不清楚?網站能給你一個學習平臺就不錯了,而且這個也無法判斷對錯,本來樣式就不存在錯誤,只是存在合不合理而已

最新回答 / Silily
藍色是wrap的背景色,對footer使用clear:both;清除了上面right的浮動,但是left和right浮動之后脫離文檔流,無法撐起mianbody,所以看不到mianbody的背景色,之間顯示出了wrap的背景色
嫌棄老師普通話的,可以把語速調到1.25倍,有人教還挑
聽起來還以為是函級元素,納悶函級元素是什么.............

已采納回答 / darcygail
mainbody高度為1000px,而left已經1000px,那么right就會被擠到mainbody下面去了,mainbody放不下,中間元素高度為(1000+500)px,footer和right同一個起點重疊了,你把mainbody的高度去掉應該就正常了
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative; margin-top:15px;widte:100%;overflow:hidden;}
#left{float:left;border:1px solid #000;width:110px; }
#mid{width:650px;float:left;margin-left:13px;border:1px solid #999;}
#right{position:absolute;left:794px;border:1px solid #999;}
漲姿勢~~~~~~~
課程須知
1.一定要對HTML+CSS相關標簽有所掌握;2.對網頁布局知識有簡單的了解
老師告訴你能學到什么?
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局;2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消