花开雨夏
2017-03-18 14:35
以现在的位置来对比向左移动100px,理论上应该是left:100px,但是实际操作是right:100px。
但是上下是正确的。
绝对定位是相对于该元素本身而言,向左移动100px,就要以该元素的左边为基准建立坐标(css里的坐标是上、右为正,左、下为负),所以该元素要向左移动100px,就是 left:-100px,就相当于是right:100px
上下不正确,也是相反的
向左移动100px,其实就是把左边增加100的宽度,也就是把框架往右挪100px.这样左边的距离就增加了100px;
我觉得它的意思是在三种定位中,初始情况盒子都是处于某个特定的位置,当要求向某个方向移动时,实际操作代码则是相反方向,如向下移动100px,向右移动50px,盒子上端与顶部相距100px,盒子左端与左边相距50px,则为:top:100px left:50px; 至于css坐标这个则不是很懂,个人理解
你可以理解成距离了右边100px,意思也就是向左边移动了100px。而left:100px ,可以理解成距离左边100个像素,也就是往右边移动100px。建议再去复习一下
你先返回绝对定位章节 看自己是否把效果图 跟人物图弄反了
盒模型是一种抽象的模型,把div比作人一样,你的左边不是他的左边,抽象的去理解
初识HTML(5)+CSS(3)-升级版
1225297 学习 · 18230 问题
相似问题