margin-right:0px,最后一個任務用這樣子為什么不行呢
#right{margin-right:0px;top:0px;position:absolute;border:1px solid #999;}為什么右邊這樣子寫不行,要用margin-left才能正常顯示呢,margin-right就會顯示重疊在最左邊,為什么呀
#right{margin-right:0px;top:0px;position:absolute;border:1px solid #999;}為什么右邊這樣子寫不行,要用margin-left才能正常顯示呢,margin-right就會顯示重疊在最左邊,為什么呀
2016-04-25
舉報
2016-04-28
關于right屬性無效的原因:right屬性只有在position是absolute的情況下才有效,而默認的position值是static,right屬性是無效的。建議能不使用right就不要使用right屬性
看到別人的解釋是這樣的,但是我還是疑惑不解。我嘗試了與你類似的代碼發現right屬性是無效的,不知為何
2016-05-04
這里就要深刻理解一下margin及position了,margin是外邊距,什么是外邊距呢?這里就不得不說一下盒子模型了,我們把盒子比喻為一個封閉的div也就是塊狀元素,兩個盒子之間的間距就是外邊距,盒子與里面物品間的間距就是內邊距,盒子自身就是邊框。而position(位置)都是有相對性的,如果屏幕上空空框框啥都沒有,那么它是相對于屏幕的邊線來定位的,如果它是被包裹在塊狀元素中,那么他就是相對于這個塊狀元素來定位的。
綜上所述:你的問題這里,當這個#right的div不設寬高時,它是與上一個div重合的,充滿整個框架,所以margin是0px,當你設置寬度時,它是默認居左上角頂格的,也就是margin-left:0px;margin-top:0px;所以這時候margin-left及margin-top是起作用的,margin-right及margin-bottom雖然也起作用,但是要當你設置的間距大于原先固定間距時才能看出效果。
2016-04-25
還是不解,就算是與瀏覽器之間的間距,那也是距離瀏覽器右邊,可為什么是在左邊間距0呢
2016-04-25
margin-right:是right這個元素與瀏覽器之間的間距,而left則是與medium的間距