我把父元素寫成絕對的,子元素寫成相對的也行。。。有區(qū)別嗎
#box3{
??? width:200px;
??? height:200px;
??? position:absolute;????? ?
}
#box4{
??? width:99%;
??? ?position:relative;?? ?
?? ?top:-50px;
??? }
我這樣設(shè)置也行,請問區(qū)別在哪
#box3{
??? width:200px;
??? height:200px;
??? position:absolute;????? ?
}
#box4{
??? width:99%;
??? ?position:relative;?? ?
?? ?top:-50px;
??? }
我這樣設(shè)置也行,請問區(qū)別在哪
2015-12-16
舉報
2015-12-16
也行。。。你看著好像行而已吧。。。你仔細(xì)看,實際距離已經(jīng)發(fā)生變化的了。
搞清楚這一點,absolute是絕對定位,是脫離文本流的,relative并沒有脫離文本流,你把box3設(shè)置為相對定位,把box4設(shè)置為絕對定位,box4就會浮在box3那一層的上面了,然后是相對于body(即瀏覽器窗口)來定位的了
2015-12-17
可以的 反正都是相對于的
2015-12-16
1、哪個元素ralative,就根據(jù)那個元素為參照移動。所以你倒過來寫,偏移就是負(fù)數(shù)。
2、父元素寫絕對,不影響后續(xù)模塊,反之,子元素會占位,即子元素原來的位置會出現(xiàn)空白。