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

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

margin-right:0px,最后一個任務用這樣子為什么不行呢

#right{margin-right:0px;top:0px;position:absolute;border:1px solid #999;}為什么右邊這樣子寫不行,要用margin-left才能正常顯示呢,margin-right就會顯示重疊在最左邊,為什么呀

正在回答

4 回答

關于right屬性無效的原因:right屬性只有在position是absolute的情況下才有效,而默認的position值是static,right屬性是無效的。建議能不使用right就不要使用right屬性


看到別人的解釋是這樣的,但是我還是疑惑不解。我嘗試了與你類似的代碼發現right屬性是無效的,不知為何

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

前方cxf 提問者

雖然奇怪,但是謝謝哈
2016-04-30 回復 有任何疑惑可以回復我~

這里就要深刻理解一下margin及position了,margin是外邊距,什么是外邊距呢?這里就不得不說一下盒子模型了,我們把盒子比喻為一個封閉的div也就是塊狀元素,兩個盒子之間的間距就是外邊距,盒子與里面物品間的間距就是內邊距,盒子自身就是邊框。而position(位置)都是有相對性的,如果屏幕上空空框框啥都沒有,那么它是相對于屏幕的邊線來定位的,如果它是被包裹在塊狀元素中,那么他就是相對于這個塊狀元素來定位的。

綜上所述:你的問題這里,當這個#right的div不設寬高時,它是與上一個div重合的,充滿整個框架,所以margin是0px,當你設置寬度時,它是默認居左上角頂格的,也就是margin-left:0px;margin-top:0px;所以這時候margin-left及margin-top是起作用的,margin-right及margin-bottom雖然也起作用,但是要當你設置的間距大于原先固定間距時才能看出效果。

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

Maxmengt

試驗了一下發現的確是這樣,謝謝。
2016-07-15 回復 有任何疑惑可以回復我~

還是不解,就算是與瀏覽器之間的間距,那也是距離瀏覽器右邊,可為什么是在左邊間距0呢

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

margin-right:是right這個元素與瀏覽器之間的間距,而left則是與medium的間距

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

前方cxf 提問者

還是不解,就算是與瀏覽器之間的間距,那也是距離瀏覽器右邊,可為什么是在左邊間距0呢
2016-04-25 回復 有任何疑惑可以回復我~

舉報

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

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

進入課程

margin-right:0px,最后一個任務用這樣子為什么不行呢

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

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

幫助反饋 APP下載

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

公眾號

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