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

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

網頁布局基礎

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

已采納回答 / 番茄花園
一般都不會設置高度。如果真的在外層設置了高度,不影響內層高度比他高,可以試試
看評論還有專門去搜了幾米是誰的....不禁感嘆自己老了啊....

最新回答 / rainy_li3676598
你的 solid 寫錯了。
感謝女老師的教程,真的很棒,很詳細!
設置一個 margin-left:50px; 看看,就知道了。講的有點問題。

最新回答 / 慕粉4280799
如果在已經定過位的元素的里面(或者被多個已經定過位的元素包裹,那就是就近原則)。如果沒有被已經定位過的元素包裹,那就是一htnl為標準來偏移
三大類:盒子模型,流模型,層模型;

流模型:標準文檔流、浮動流;

層模型:相對、絕對、固定、正常;

絕對定位 與 浮動流 會將元素變為inline-block
小伙伴們千萬不要直接坐在列車頭部進行相對定位去旅行哦。。。。
這樣很危險 要坐在車里才安全
#left{float:left;width:110px; }
#mid{margin-left:123px;width:650px;border:1px;solid #999;}
#right{position:absolute;left:790px;top:0px;border:1px;solid #999;}
#wrap{width:970px; overflow:hidden;top:0px;bottom:0px;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px; }
#mid{margin-left:123px;width:650px;border:1pxsolid #999;}
#right{position:absolute;left:777px; top:0px; border:1pxsolid #999;}
#mainbody {
width:100%;
position:relative;
margin-top:20px;
}
#content {
position:absolute;
top:0px;
margin-left:200px;

}
課程須知
1.一定要對HTML+CSS相關標簽有所掌握;2.對網頁布局知識有簡單的了解
老師告訴你能學到什么?
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局;2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消