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

不定块状元素水平居中方法三为什么用relative而不用absolute

例子是对父元素和子元素都设置的是relative

我试了下父元素A:absolute 子元素B:relative 出来的效果和例子是一样的

而且我感觉父元素用absolute更好吧

假如前面还有个元素C也是float relative 那父子元素AB的位置就不对了吧？(这里我还没想明白)

还有个疑惑：

position：relative； + left：100px；这个很好理解在！原位置！上右移100px

position：relative； + left：50%；这个的50%指的是谁的50%？我这边看到的是浏览器的50% 那不就与relative的参照原位置移动不符了吗？？

慕后端4462136

2017-04-09

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

关注问题我要回答

881

操作

收起

1 回答

单身狗保护协会
2017-04-09

就那一个课程而言relative和absolute，出来的效果是一样的。

但在实战中，相对于父元素的居中，更有用。比如，在本问答页面，你的提问这个框和右边“发新问题”这个框，并不是对称的。但你的提问、“发新问题”二者都在各自框内居中。这样不是很美观，并且也方便排版吗。

对于提问2，relative是相对于它的父元素来参考的。在“Relative与Absolute组合使用”可以得到如此结论。

提问2的参考课程：http://www.imooc.com/code/3585

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

收起回答

慕后端4462136 提问者

提问1：我忘了“Relative与Absolute组合使用”这节的内容了那就是比方说这个网页在他有框架的前提下用相对定位会比较好那要是假如说这个网页没有框架的话就直接在body下而提问、发现新问题这两部分又都是float:left; position:relative; 这样的话出来的效果就是网页前面空50% 然后提问、发现问题从51%的位置往后排列如果是后面的这种情况是不是用absolute会更好些？？提问2：这个我现在的理解是如果left：xpx；这种就是相对于原位置进行偏移如果是left：x%；这种就是相对于父元素进行偏移是这样的吧？？

2017-04-09 回复有任何疑惑可以回复我~

单身狗保护协会回复慕后端4462136 提问者

“Relative与Absolute组合使用”是12-9课，地址已在上面附出。问题1，你是认为网页的框架是有前提的对吗？那且问这个“框架”是别的哪个程序员来定义的？网页开发整套代码都是自己打进去的，没人给你预先定义。用absolute可以达到效果，这不容否定，但relative好就好在，每个人电脑的分辨率是不一样的、网页有喜欢全屏的也有喜欢窗口化的。如果你用absolute，那么用户除了要上下滚动页面，还得左右拉动，这样真的好吗？问题2：且问，“原位置”是什么的原位置？不还是需要找个基准来“相对”吗？找谁？12-9课里面的举例已经告诉我们了。你可以上机再打一打12-9的代码。

2017-04-09 回复有任何疑惑可以回复我~

慕后端4462136 提问者回复单身狗保护协会

你的描述我理解但可能是我描述的不清楚吧感觉问题与回答有一些出入等我想到更好的描述再继续吧~谢谢了~~

2017-04-09 回复有任何疑惑可以回复我~