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

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

網頁布局基礎

難度入門
時長 1小時30分
學習人數
綜合評分9.63
2052人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{【任務2】width:110px;float:left; }
#mid{【任務2】width:650px;border:1px solid #999; float:left; margin-left:13px;}
#right{【任務3】border:1px solid #999; top:0; position:absolute; margin-left:790px;}
上下 margin 不用設置為 auto,只設置右左就可以。width:100%; 也不可以,一定設置為一個不為 100% 的值。
請詳細觀看盒子模型的立體圖片(2-2小節 07:58),從第一層到第五層依次為:border、content+padding、background-image、background-color、margin。
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{width:110px; position:absolute; top:0; left:0;}
#mid{position:absolute;top:0px;margin-left:170px;width:650px;border:1px solid #999;}
#right{ position:absolute; right:0; top:0;border:1px solid #999;width:110px;}
static靜態定位 relative相對定位 absolute絕對定位 fixed 固定定位,其中absolute和fixed 屬于絕對定位

已采納回答 / menghuanbaolei
是啊,body是會塊級元素,你其實可以把它看成最大的div就好了
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{ float:left; width:110px; }
#mid{float:left; margin-left:13px;width:650px;border:1px solid #999;}
#right{position:absolute; left:790px; border:1px solid #999;}
別人的課我都是1.25X或者1.75X聽``這個要0.75X

已采納回答 / 蛋黃醬
ID選擇器只能在文檔中使用一次。class即類選擇器,可以使用多次。
自動居中一列布局需要設置 margin 左右值設置為 auto,而且一定要設置width為一個定值。
<style type="text/css">
*{margin:0; padding:0;}
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative;margin-top:15px;}
#left{float:left;width:110px; }
#mid{float:left;width:650px;border:1px solid #999;}
#right{position:absolute;top:0;left:773px;border:1px solid #999;}
</style>
求老師在多錄一點視頻,吐槽的就是娛樂下
講的不錯,比我在極客學院看的有深度。慕課網免費還有深度,這正常?
課程須知
1.一定要對HTML+CSS相關標簽有所掌握;2.對網頁布局知識有簡單的了解
老師告訴你能學到什么?
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局;2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消