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

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

網頁布局基礎

難度入門
時長 1小時30分
學習人數
綜合評分9.63
2052人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
#mainbody{position:relative;width:100%;overflow:hidden;margin-top:15px;}
#left{float:left;width:110px; border:1px solid #999;}
#mid{float:left;margin-left:13px;width:650px;border:1px solid #999;}
#right{position:absolute;left:794px;border:1px solid #999;}
老師是南方人：有g沒g發不清，方（fang）式發成（fan）式。

最新回答 / qq_非洲松藻_0
是不是盒子的大小比圖片的尺寸大？可以把圖片尺寸設置成盒子尺寸的大小

最贊回答 / 歷練后的飛翔
因為在定義父級元素為相對定位、自適應元素為絕對定位之后，自適應元素就以父級元素為參照對象，并以此定位。
#mainbody{position:relative; margin-top:15px;}
#left{float:left; width:110px; border:1px solid #999; margin-right:13px;}
#mid{float:left; margin-right:13px; width:650px; border:1px solid #999;}
#right{position:absolute; margin-left:792px;top:0; border:1px solid #999;}
講師講得很好，很易懂，喜歡她的課。
希望老師在敲代碼時規范一些，這樣看得更清晰明了，不至于混亂。
橫線??！橫向??！麻煩吐字清楚一點

最新回答 / 慕九州9573717
wrap 要嵌套在整個頁面中<body>????<div?id="wrap?">????<div?id="header">頭部</div>????<div?id="mainbody">xcvxcv????<div?class="left"></div>????<div?class="right"></div>????</div>????<div?id="footer">版權&...
#mainbody {
width:100%;
position:relative;
margin-top:20px;
}
#content {
position:absolute;
top：0；
left:200px;

}
誰能告訴我哪錯了？
*{margin:0; padding:0;}
#wrap{width:970px; margin:0 auto;}
#mainbody{width:100%; overflow:hidden; margin-top:15px; position:relative;}
#left{float:left; width:110px; }
#mid{float:left; width:650px;border:1px solid #999;}
#right{position:absolute; left:777px; border:1px solid #999;}
直接將綠色設置右浮動就行唄 還用設置margin-right:20px
首頁上一頁14151617181920下一頁尾頁
課程須知
1.一定要對HTML+CSS相關標簽有所掌握；2.對網頁布局知識有簡單的了解
老師告訴你能學到什么？
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局；2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼，參與3人拼團

微信客服

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

 幫助反饋 APP下載

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

 公眾號

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

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

本次提問將花費2個積分

你的積分不足，無法發表

為什么扣積分？

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分？

舉報

0/150
提交
取消