居中容器为什么要设置position:relative; ?
来源：2-2 html页面结构整理
hahahhao
2016-09-13 10:52
public-container居中容器为什么要设置position:relative; ?
写回答
关注
2回答
-
- 慕九州8618238
- 2016-09-14 11:54:35
position:relative;是相对于元素本身的位置移动的，如果对一个元素进行相对定位，它将出现在它所在的位置上。然后，可以通过设置垂直或水平位置，让这个元素“相对于”它的起点进行移动。
在这里其父元素是public-header， public-container建立起来后，他有自己的起始位置，relative是根据这个起始位置来居中的。如果没有relative，默认是static，是移不动的。如果设置成absolute，那么，他原来的位置不保留，且根据祖先的位置，即public-header的位置来设定偏移。
-
- weibo_海洋为夏_0
- 2016-09-14 11:34:53
生成相对定位的元素，相对于其正常位置进行定位。
从 psd 到 html
教你把PSD设计稿转化成HTML，用案例来讲解基本流程
105471 学习 · 410 问题
相似问题