bottom:0; right:0;这两句代码的含义-慕课网

首页课程实战体系课手记专栏慕课教程

bottom:0; right:0;这两句代码的含义

来源：13-8 我就在那不动了-层模型之固定定位

想当大牛

2017-02-17 21:29

向右移动100px，向下移动50px的代码是left:100px; top:50px;那么bottom:0; right:0;不应该是向上向左各移动0吗？位置应该还在左上角吗，为什么会是右下角呢？

写回答关注

4回答

Silver.Durant

2017-02-17 21:46:23

已采纳

移动的时候，是要把图像移动到边上，相当于初始化！比如left:100px，是相对于左，向右移动100px，它是先把块放到最左边再向右移动100像素！
同理，bottom:0，它是先把块放到底部，再向上移动0px，0相当于不移动，所以就在底部了！

2 3

Silver... 回复想当大牛

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

2017-02-17 22:06:31

共 2 条回复 >
Proxifier

2017-02-22 08:04:30

意思是这段代码中的bottom：0；right：0；是指定位在下面跟右边坐标（0，0）的位置，（所以才没加px？）而固定定位时移动0px代码省略了对吗？

0 1
Jamin1993

2017-02-17 21:45:48

是啊为什么呢

0 0
慕粉1413433322

2017-02-17 21:44:41

意思是向顶部移动0px，向左侧移动0px，那不是在右下角么。

1 1

想当大牛

但是它的初始位置在左上角啊

2017-02-17 21:58:19

共 1 条回复 >

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225917 学习 · 18235 问题

相似问题

bottom:0和right:0的问题

回答 3

bottom=0和bottom:0的区别

回答 2

margin:-100px 0 0 -100px;这一步的含义不是很懂

回答 1

为什么这里bottom是0呢？

回答 2

代码的含义

回答 4

打开慕课网App查看更多内容