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

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

網頁布局基礎

難度入門
時長 1小時30分
學習人數
綜合評分9.63
2052人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
1.該元素已經脫離了標準文檔流(不占位)

2.建立的定位基準不是該元素的原來位置,而是分兩種情況

2.1:沒有設置偏移量:無論是否存在已定位的祖先元素,都保持在元素初始位置,脫離文檔流,寬度塌陷(隨內容變化而變化)

2.2:設置了偏移量:又分兩種情況(A.無已定位的祖先元素 B.有已定位的祖先元素)

A.無已定位的祖先元素:它會以根節點(<html>)為偏移參照基準

B.有已定位的祖先元素:它會以距其最近的已定位祖先元素為偏移參照基準

絕對定位不在文檔流中(不會占位置,寬度及長度顯示隨內容增減而增減
我覺得老師講得很好,普通話也很好,內容也很好。

已采納回答 / zzluyao
可以看講解overflow 視頻。那個頭像王尼瑪的視頻?。?/div>
我開了1.5速。。
哈哈哈 強行問題問得好
點了提交 都沒反應啊 沒經驗
好好上課不好嗎,我覺得老師講的不錯啊
原理: (瀏覽器的寬度-外包含層的寬度)/2=外邊距
雖然基礎,但是很詳盡,受教了
評論中居然有人以性別來論高低,真是無語》。。。
從第一層到第五層依次為:border、content+padding、background-image、background-color、margin。
根據任務提示做出來的,會少一個像素
圖片是177*329的,所以我沒有看到有人寫正確的
建議,在Dreamweaver里寫代碼,用ie來測試,會符合邏輯
方法2:*{margin:0; padding:0;}
#wrap{width:970px; margin:0 auto;}
#mainbody{ position:relative; margin-top:15px;}
#left{ border:1px solid #999;float:left;width:110px; }
#mid{ float:left;width:650px;border:1px solid #999; margin-left:13.5px;}
#right{border:1px solid #999;position:absolute;left:791px; }
#wrap{width:970px; margin:0 auto;}
#mainbody{ margin-top:15px;}
#left{ border:1px solid #999;float:left;width:110px; }
#mid{ float:left;width:650px;border:1px solid #999; margin-left:13.5px;}
#right{border:1px solid #999;width:177px; float:right; }
課程須知
1.一定要對HTML+CSS相關標簽有所掌握;2.對網頁布局知識有簡單的了解
老師告訴你能學到什么?
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局;2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消