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