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

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

網頁布局基礎

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

最新回答 / stone310
任務X，那幾個字就是提示你要寫的地方，寫完就刪掉。。。
射手座暫停了，別問我為什么
不分星座 暫停了
騰訊軟件中心的頁面好難做呀！怎么有的標簽好好的，就是不顯示！
#wrap{width:970px; margin:0 auto;}
#mainbody{ margin-top:15px; position:relative; }
#left{width:110px;border:1px solid #999; float:left;margin-right:13px;}
#mid{ width:650px;border:1px solid #999;float:left;}
#right{border:1px solid #999; position:absolute; margin-left:790px;}
坐看評論區撕逼
盒子模型的五層立體圖、1：border 2:content+padding 3:background-image 4:background-color 5:margin

已采納回答 / 慕用6189880
一個點號
css 中定位屬性 position：static （正常文檔流-默認），relative（相對定位），absoulute(絕對定位），fixed（固定定位）
#wrap{width:970px; width:960px;margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px; }
#mid{position:absolute;top0;margin-left:123px;width:650px;border:1px solid #999;}
#right{position:absolute;margin-left:790px;width: border:1px solid #999;}

最贊回答 / stone310
因為這里有position:absolute，所以兩者都可以用
內容有點過時了哦，現在又html5和css3，代碼寫起來有很多不一樣。
我這樣做也行啊

#wrap{width:970px; position:absolute;top:0;bottom:0;}
#mainbody{ margin-top:15px;overflow:hidden;}
#left{float:left;width:110px;}
#mid{float:left;margin-left:109px;border:1px solid #999;}
#right{border:1px solid #999;margin-left:773px;position:absolute;}
還是把css分開來寫的好都寫一起太雜看的好累
老師講的太好了！
首頁上一頁61626364656667下一頁尾頁
課程須知
1.一定要對HTML+CSS相關標簽有所掌握；2.對網頁布局知識有簡單的了解
老師告訴你能學到什么？
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局；2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼，參與3人拼團

微信客服

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

 幫助反饋 APP下載

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

 公眾號

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

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

本次提問將花費2個積分

你的積分不足，無法發表

為什么扣積分？

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分？

舉報

0/150
提交
取消