position属性值

position属性是指本体相对于上级的定位,默认值是static,意味着没有被定位,出现在文档流中应该出现的位置
如果用position来布局页面,父级元素的position必须是relative或者absolute
行元素加了position:absolute;后可设置宽高(加了float和fixed以后也可以设置宽高)

常用的属性值:
static 没有定位,遵循正常文档流
relative 遵循正常文档流
absolute 脱离正常文档流,使用top/bottom left/right 属性进行绝对定位
fixed 脱离正常文档流,使用top/bottom, left/right属性以窗口为参考点进行定位,当出现滚动条时,对象不会随之移动

====相对与父元素绝对定位====
1. 如果想绝对定位一个元素,先指定一个父容器(相对定位或者绝对定位),那么E元素E就会相对于父容器绝对定位
2. 父元素F可以拥有属性float,比如{float:left;position:relative}
3. 这样的话,由于float是浮动,下面必须加一个清浮动的div <div style="clear: both;"></div>
相对定位的父容器,遵循正常文档流

====z-index====
定义元素之间的层级顺序,数值越大,层级越高
position: relative | absolute | fixed 有效
position: static 时无效
阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页