                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /初識HTML(5)+CSS(3)-升級版

相對，絕對，感覺不怎么對？

感覺在使勁學(xué)習(xí)代碼的時候，我的語言能力在慢慢退化。關(guān)于這幾節(jié)位置的問題，總是找不到方向。

每次都是，我覺得是left 結(jié)果圖片朝right走了，我輸入top結(jié)果，元素朝下面又走了。每次都得把方向反過來，他們才能找到應(yīng)該在的位置。

有木有同學(xué)，可以用簡潔易懂的語言，給我講講，這幾個定位，謝謝~~~

以諾Enoch

2015-04-27

源自：初識HTML(5)+CSS(3)-升級版 13-9

關(guān)注問題我要回答

1009

操作

收起

1 回答

慕郎_蓮華
2015-04-27

left， top等需要有relative，absolute， fixed中一個才能生效：

默認(rèn)情況下設(shè)置relative后就可以通過設(shè)置left， top 調(diào)整位置
absolute：相對于最近的一個具有relative，absolute， fixed的父元素定位，沒有就相對與body。這個時候元素就不能影響父元素的大小了

1 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

慕郎_蓮華

有問題可以私聊~哈哈

2015-04-27 回復(fù) 有任何疑惑可以回復(fù)我~

#2

以諾Enoch 提問者回復(fù) 慕郎_蓮華

謝謝，我很郁悶的是，嗯，就拿12-6來說吧，“如下面代碼可以實現(xiàn)div元素相對于瀏覽器窗口向右移動100px，向下移動50px。” 按照我的思路，那就是 position:absolute; right:100px; bottom:50px; 而教程里的代碼剛好是 left 和top感覺找不到北一樣。

2015-04-27 回復(fù) 有任何疑惑可以回復(fù)我~

#3

慕郎_蓮華回復(fù) 以諾Enoch 提問者

bottom 是這只元素距離父元素的底部多少的嘛~所以你要相對于瀏覽器上方50px應(yīng)該設(shè)置top: 50px. right 是指元素距離父元素右邊的距離，你要向右移動100px，實際就是left 增加 100px, 所以

2015-04-28 回復(fù) 有任何疑惑可以回復(fù)我~