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

bottom:0; right:0;這兩句代碼的含義

向右移動100px，向下移動50px的代碼是left:100px;?top:50px;那么bottom:0; right:0;不應該是向上向左各移動0嗎？位置應該還在左上角嗎，為什么會是右下角呢？

想當大牛

2017-02-17

源自：初識HTML(5)+CSS(3) 13-8

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

4324

操作

收起

4 回答

Silver.Durant 回答被采納 +3 積分
2017-02-17

移動的時候，是要把圖像移動到邊上，相當于初始化！比如left:100px，是相對于左，向右移動100px，它是先把塊放到最左邊再向右移動100像素！

同理，bottom:0，它是先把塊放到底部，再向上移動0px，0相當于不移動，所以就在底部了！

3 回復有任何疑惑可以回復我~

收起回答

#1

想當大牛提問者

可是最開始的時候塊不是都在左上角嗎

2017-02-17 回復有任何疑惑可以回復我~

#2

Silver.Durant 回復想當大牛提問者

對??！當你移動位置的時候，就初始化了（relative除外），bottom就初始化到最底部，left就初始化到最左邊等等！absolute和fixed都是相對于邊框去移動的，只有relative是相對于原來位置！你可以試試 position：relative ； bottom：0PX；left：0；這樣應該是保持不變的位置！如果變了，那我也不知道怎么辦了，畢竟我不是開發(fā)者，只是根據(jù)它的現(xiàn)象來分析的內(nèi)在邏輯！

2017-02-17 回復有任何疑惑可以回復我~