                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

相对，绝对，感觉不怎么对？

感觉在使劲学习代码的时候，我的语言能力在慢慢退化。关于这几节位置的问题，总是找不到方向。

每次都是，我觉得是left 结果图片朝right走了，我输入top结果，元素朝下面又走了。每次都得把方向反过来，他们才能找到应该在的位置。

有木有同学，可以用简洁易懂的语言，给我讲讲，这几个定位，谢谢~~~

以诺Enoch

2015-04-27

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

关注问题我要回答

932

操作

收起

2 回答

慕郎_莲华
2015-04-27

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

默认情况下设置relative后就可以通过设置left， top 调整位置
absolute：相对于最近的一个具有relative，absolute， fixed的父元素定位，没有就相对与body。这个时候元素就不能影响父元素的大小了

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

收起回答

慕郎_莲华

有问题可以私聊~哈哈

2015-04-27 回复有任何疑惑可以回复我~

以诺Enoch 提问者回复慕郎_莲华

谢谢，我很郁闷的是，嗯，就拿12-6来说吧，“如下面代码可以实现div元素相对于浏览器窗口向右移动100px，向下移动50px。” 按照我的思路，那就是 position:absolute; right:100px; bottom:50px; 而教程里的代码刚好是 left 和top感觉找不到北一样。

2015-04-27 回复有任何疑惑可以回复我~

慕郎_莲华回复以诺Enoch 提问者

bottom 是这只元素距离父元素的底部多少的嘛~所以你要相对于浏览器上方50px应该设置top: 50px. right 是指元素距离父元素右边的距离，你要向右移动100px，实际就是left 增加 100px, 所以

2015-04-28 回复有任何疑惑可以回复我~