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

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

網頁布局基礎

難度入門
時長 1小時30分
學習人數
綜合評分9.63
2052人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
*{margin:0; padding:0;}
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px;margin:13px; }
#mid{float:left;width:650px;border:1px solid #999; margin:17px;}
#right{position:absolute;margin-left:810px;border:1px solid #999; margin-top:13px;}
這個問題問的非常好
謝謝老師，學到了很多！

已采納回答 / 鬧小志
根據你的代碼，我找到的問題：你的思路是對的，三個div都設置成浮動是可以實現效果的。問題一：你在類名為right的div上做了清除浮動的操作，也就是，你限制了類名為right的div的左邊是不能存在浮動元素的，導致了這個div的串行，也就是到了下一行！問題二：你沒有給類名為right的div設置寬度，這樣它的寬度是隨著內容撐大的。在你的代碼中，p標簽的長度撐大了div，導致發生串行。解決辦法：把clear：left去掉，還有給類名為right的div設置寬度。個人理解，希望對你有幫助~~
內容將的非常好，超級贊
當父元素縮成一塊時候，用Clear:both.不行，用overflow:hidden
當元素設置浮動后會對相鄰元素造成影響，相鄰只是其后面的一個元素，因此必須清楚浮動帶來的影響
當元素沒有設置寬度，且設置浮動后，寬度歲內容變寬
自動居中與Float Postion沖突
老師是湖南人咩~
XDE
老師口音？比張鑫旭的好多了╭∩╮（︶︿︶）╭∩╮ 不過怎么說呢，自學前輩的，不帶商業性質的，還是有用的。
絕對定位在沒有已經定位的父容器的情況下是按照以html也就是瀏覽器窗口為基準進行偏移的，而并非body
講的非常好；做程序這么多年，這塊一直沒有深入研究；真是解惑呀！
@三間大瓦房 聽著別扭就別聽啊 你是來聽網頁布局技巧的還是來聽英文的
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative;margin-top:15px;}
#left{float:left;width:110px; }
#mid{margin-left:123px;width:650px;border:1px solid #999;}
#right{position:absolute;margin-left:790px;border:1px solid #999;top:0
首頁上一頁304305306307308309310下一頁尾頁
課程須知
1.一定要對HTML+CSS相關標簽有所掌握；2.對網頁布局知識有簡單的了解
老師告訴你能學到什么？
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局；2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼，參與3人拼團

微信客服

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

 幫助反饋 APP下載

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

 公眾號

掃描二維碼
關注慕課網微信公眾號
友情提示：

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

本次提問將花費2個積分

你的積分不足，無法發表

為什么扣積分？

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分？

舉報

0/150
提交
取消