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

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

網頁布局基礎

難度入門
時長 1小時30分
學習人數
綜合評分9.63
2052人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
有人暫停看了那段文字嗎?我暫停了
為何我的DW代碼提示功能有打開但就是沒提示

最新回答 / qq_隨心_82
我覺得是這樣的。浮動的時候 div left脫離標準文檔流,此時 right未設置浮動 ?上移覆蓋left,所以margin-left 是導邊框的距離, 當right也設置浮動,此時right ?left 同行,right 在left 后面 ?然后你應該能理解了吧
我理解的自適應寬度應該是自適應父元素的寬度;
而這個視頻的content元素只是適應了內容的寬度(因為絕對定位的元素的寬度是由內容撐開的),要是內容超出了父元素寬度,排版就不好看。
不是一般情況下的自適應寬度,應該將左邊欄設置為絕對定位,右邊欄按默認文檔流并設置margin-left:200px。那么右邊欄就能自適應父元素寬度。
#mainbody{overflow:hidden; position:relative; margin-top:15px; background:yellow;}

任務2完成后,mainbody要記得用overflow:hidden;清除浮動?。。? 不然mainbody元素的高度會塌陷為和right一樣,如果mainbody后面還有元素的話就會產生重疊,這里建議給mainbdy設置一個背景顏色方便觀察效果。
如果沒有給mainbody清除浮動,完成任務3時由于給right使用絕對定位脫離了文檔流,任務3完成后mainbody高度就會塌陷為0。
很強勢,在之前的CSS課程中,絕對定位說的是相對于body定位,這個課程分分鐘打臉。
#header{width:762px; border:4px solid #badbdb; background:url(../images/banner.gif) no-repeat; height:92px; text-align:right; color:#fff;}
------------------------------------
為什么header的樣式要設置的這么復雜,text-align:right; color:#fff;這兩個樣式有必要嗎??header里面不就添加了一個圖片嗎,文字下面也單獨設置了#header a#header a
我比較關心的是為什么header的內容沒顯示
margin-left:780 剛好對平 header頭部陰影 好吧
用得著說這么多么,不要太玻璃心好么,說得不煩我看的都煩了。凈扯些沒用的!
很好。講的很仔細

已采納回答 / qq_孤獨的山炮_04031153
當你要某塊塊自適應排布的時候,要對祖先元素設置相對定位,再使用絕對定位,如果不對祖先元素設置定位,那么絕對定位會以根節點作為參照物,對祖先設置了定位,那么你想要定位的元素會根據最近的祖先來作為參照物! 設置了祖先定位,absolute,則要設置上下左右的PX

最新回答 / zzluyao
mainbody背景顏色顯示的2中方法mianbody標簽不設置高度。A.在leftright標簽下mianbody標簽內部再加個空div標簽并css清除浮動背景顏色就出來了????????????????????????????????????????????B.mianbody標簽bfc化,mianbody css樣式設置overflow:hidden 寬度繼承父標簽mianbody設置了高度。背景色自然就有了- -
清除浮動講錯了吧,應該在版權內容那寫clear:both
0.5倍 剛剛好哈哈

最贊回答 / qq_從小就很萌灬_04090553
我覺得那兒應該就是left不應該是margin-left margin是相鄰div與div的,按講的意思就成了和包含它的mainbody之間的距離,可是它們兩個是包含關系不是相鄰關系。
課程須知
1.一定要對HTML+CSS相關標簽有所掌握;2.對網頁布局知識有簡單的了解
老師告訴你能學到什么?
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局;2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消