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

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

間距問題!!!

使content和sidebar的間距為20px,為什么要設置content的margin-left:200px?

(content的width=180px)

正在回答

2 回答

content是以mainbody進行絕對定位的,content位置改變后被siderbar的內容遮擋住了,所,在設置margin-left時,可以直接設置為200px,也就是200px=20px(margin-left)+180px(siderbar的寬度)。

其實也可以這樣設置在content的樣式中這樣寫:.content{position:absolute; top:0;left:200px;}

3 回復 有任何疑惑可以回復我~
#1

默默竹 提問者

導致content的margin-left變成了相對于mainbody,是因為content 用了絕對定位,還是因為mainbody用了相對定位
2016-08-18 回復 有任何疑惑可以回復我~
#2

慕粉1461951943 回復 默默竹 提問者

right是無法讓content跑到siderbar的右邊的,所以要content進行絕對定位。要content進行偏移就要設置一個偏移的參照祖先元素,即mainbody要設置成position:relative。你可以一條代碼一條代碼的輸入看看content的位置變化就知道了!或者多看兩次視頻。
2016-08-18 回復 有任何疑惑可以回復我~
#3

默默竹 提問者

非常感謝你的耐心解答O(∩_∩)O~
2016-08-18 回復 有任何疑惑可以回復我~

margin是表示兩個盒子塊的外間距。給content設margin-left:20px;就是為了單獨給content左邊加了20px的外間距

0 回復 有任何疑惑可以回復我~
#1

默默竹 提問者

問題少了個200px,我覺得margin-left應該是20px,可是視頻中設置的是200px,這是我的疑惑。
2016-08-17 回復 有任何疑惑可以回復我~
#2

默默竹 提問者

剛才我試了下,我對sidebar使用margin-left有變化,而使用margin-right時沒有變化,我又郁悶了
2016-08-18 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
網頁布局基礎
  • 參與學習       214678    人
  • 解答問題       1833    個

讓你精通CSS中三大定位機制,徹底掌握網頁布局的相關知識

進入課程

間距問題!!!

我要回答 關注問題
微信客服

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

幫助反饋 APP下載

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

公眾號

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