為什么添加margin的效果不一樣了
按照講解中的代碼，寫top:20px;right:100px，就相對右上角
可是寫margin-top:20px;margin-right:100px的時候效果就不同了，難道不都是指的外邊距嗎
慕標5459412
2016-03-25
6 回答
舉報
0/150
提交
取消
2016-03-25
當css樣式為絕對定位（position:absolute; ）時top 屬性可以指定與其最近一個具有定位設置的父對象頂邊的位置
2016-03-30
你把margin-right改為left后,效果是一樣的!不過position更為絕對,它是相對整個父元素定位的,設置后就不能動了,
這個時候你再對它設置margin是沒有用的!Do you understand?(margin設置不需要兩個box以上,只要它有父元素就可以設置,比如說默認的屏幕就是父元素)
2016-03-28
想要使用margin至少要有兩個box，而這個演示只有一個box。
2016-03-25
我懂了，你是想的是盒子里面的元素距離盒子邊框向下移動20PX；向左移動100px；你用我給你的方法1，相當于box2屬于盒子box1的內部元素。你想想看盒子的寬度=margin-left+border+padding-left+內部元素寬度+padding-right+border+margin-right。你再看看呢。懂沒有，你要算的是top=20px=margin-top+border+padding-top right=100px=margin-right+border+padding-right。
2016-03-25
margin-top和margin-right指定盒子模型的上邊距和右邊距；假如你要做到相對右上角向下移動20px并向左移動100px
方法1：#box1{border:red ;height:500px ;weight:500px; position:abualte:relative}#box2{border:red heigt:200px;weight:200px position:absolute;top:20px;right:100px;}/*id為box2的盒子相對于id為box1的盒子絕對定位相對于box1盒子向下移動20px；向左移動100px*/后面的你懂得撒。
方法2：div{border:red ;position:fixed;top:20px;right:100px}/*設定div元素距離屏幕右邊100px上邊20px
還有很多我也是才學的盡量幫你對于盒子邊距的理解我認為邊距也是盒子的大小，所以他是屬于盒子內部的數據，而做定位是要有參照的是兩個元素之間的數據
2016-03-25
margin的順序是上、右、下、左
margin:20px;”表示四個方向的外邊距都是20px；
margin:20px 40px;”表示margin-top和margin-bottom為20px，margin-right和margin-left為40px。
margin:20px 40px 60px 80px;”表示margin-top為20px，margin-right為40px，margin-bottom為60px，margin-left為80px。