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

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

網頁布局基礎

難度入門
時長 1小時30分
學習人數
綜合評分9.63
2052人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
一個頁面中,不是只能有一個ID 嗎?
clearfix hack也可以清除浮動
我默默給第一個評論點了一個贊,
視頻教程2分42秒,設置的是高度,說的是寬度,手動設置的是寬度,好糾結!
hbuilder也還好吧
前面講過這課看了兩遍跳過吧
*{margin:0; padding:0;}
#wrap{width:970px;margin:0 auto;}
#mainbody{position:relative;margin-top:15px;}
#left{float:left; margin-right:13px;width:110px; }
#mid{float:left;width:650px;border:1px solid #999;}
#right{position:absolute;top:0;margin-left:792px;border:1px solid #999;}
#mainbody {
background:#FC0;
width:100% overflow:hidden;
}
.left {
width:800px;
height:200px;
background:#000;
float:left;
}
.right {
width:140px;
height:500px;
background:#690;
float:right;
}
或者加4的邊框 不知道left的邊和 mainbody的邊重合沒
不是要加3的邊框嗎 為什么有的人是2?
排名第一的解釋是錯誤的(即weixin_phoenix_1的解釋)。
我測試了下:
所謂的絕對定位元素設置margin屬性,margin的位移相對的是自己絕對定位之前的位置。自己以前位置是在sidebar的下面,mainbody的左邊。所以一設置剛好出現這種情況。
否則你就無法解釋,為什么margin-left不是相對于sidebar,但margin-top是相對于siderbar
標準文檔流、浮動和絕對定位
絕對定位要在可以在相對定位后面...
#wrap{width:970px; margin:auto;}
#mainbody{position:relative; margin-top:15px;}
#left{ margin-left:0; width:110px; top:0px;}
#mid{margin-left:123px;top:0px;position:absolute; width:650px;border:1px solid #999;}
#right{ width:177px;top:0px;position:absolute; border:1px solid #999; right:0px; }
我好像被老師的mainbody洗腦了
開頭那動畫有種上世紀八十年代香港*****的感覺!
課程須知
1.一定要對HTML+CSS相關標簽有所掌握;2.對網頁布局知識有簡單的了解
老師告訴你能學到什么?
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局;2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消