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

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

網頁布局基礎

難度入門
時長 1小時30分
學習人數
綜合評分9.63
2052人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
在這里margin-left和left是一樣的,但margin-top和top是不一樣的
換言之margin是外邊距用在子元素之間,而無前綴的是偏移量用在父子元素之間
偏移量就是margin-l、r、t、b的簡寫吧,不用寫margin而已
#mainbody {
width:100%;
position:relative;
margin-top:20px;
}
#content {position:absolute;
top:0px;
margin-left:200px;

}
#mainbody {
width:100%;
position:relative;
margin-top:20px;
}
#content {
position:absolute;
top:0px;
left:200px;
}
做完之后并沒有顯示出和左邊一樣的效果圖,難道做錯了
@qq_趁現在還年輕_03793811
既然div2本身就在padding+內容層,上浮了過后應該在border層才對吧
額,反正別亂點贊了

已采納回答 / 淺雪暖陽2
為什么我按你上面的代碼弄是在一行呢?我不知道你到底哪出問題了?看看你的 css哪出問題了?

已采納回答 / qq_小鯉魚_03131873
把“任務2?”這幾個字刪掉。還有其他的字再把下面div中天上left right ?mainbody等對應的、

已采納回答 / 慕少7532173
這里給樓主提供一種兩欄自適應布局,比老師講的position:absolute適用范圍大,沒有“絕對定位高度必須小于左側高度”這樣的限制。直接上圖<...圖片...>即:在需要自適應寬度的盒子(box2)添加屬性display:table-cell; width:2000px 即可。其中display是為了觸發BFC,width設置為一個足夠大的數值即可,為的是保證內容都能顯示出來,也可設置為9999px,哈哈。*設為了兼容而已。
#right{position:absolute; left:792px; border:1px solid #999;}

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消