                        课程
                    
                        /前端开发
                        
                            /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

关注问题我要回答

3996

操作

收起

4 回答

Silver.Durant 回答被采纳 +3 积分
2017-02-17

移动的时候，是要把图像移动到边上，相当于初始化！比如left:100px，是相对于左，向右移动100px，它是先把块放到最左边再向右移动100像素！

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

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

收起回答

想当大牛提问者

可是最开始的时候块不是都在左上角吗

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

Silver.Durant 回复想当大牛提问者

对啊！当你移动位置的时候，就初始化了（relative除外），bottom就初始化到最底部，left就初始化到最左边等等！absolute和fixed都是相对于边框去移动的，只有relative是相对于原来位置！你可以试试 position：relative ； bottom：0PX；left：0；这样应该是保持不变的位置！如果变了，那我也不知道怎么办了，毕竟我不是开发者，只是根据它的现象来分析的内在逻辑！

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