CSS之position定位
2018-03-25 15:30
267 查看
static
元素框正常生成。块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置于其父元素中。不设置position属性时,默认也是这种情况。relative
元素框偏移某个距离。元素仍保持其未定位前的形状,它原本所占的空间仍保留。该定位方式可能会使块级元素超出其父容器
fixed
元素框的表现类似于将 position 设置为 absolute,不过其包含块是视窗本身。- 也就是说这种定位方式是相对于浏览器窗口的
- 元素框从文档中完全删除
absolute
元素框从文档流完全删除该定位方式相对于其包含块
关于position:absolute;
相对于其包含块详解
这种定位方式,其相对的是离他最近的position不为static的祖先元素,因此它相对的可能并不是其父元素,注意这一点即可。
相关文章推荐
- 浅析CSS——元素重叠及position定位的z-index顺序
- CSS position 属性:绝对定位与相对定位,以及浮动
- 10步掌握CSS布局定位: position static relative absolute float
- CSS background-position 属性 定位图片
- css定位之position详细解读
- <转载>DIV+CSS position定位方法总结
- 关于ie 下css div position:relative;定位失效
- 浅析CSS——元素重叠及position定位的z-index顺序
- Css 详细解读定位属性 position 以及参数
- 浅析CSS——元素重叠及position定位的z-index顺序
- 浅析CSS——元素重叠及position定位的z-index顺序
- 关于css中的position定位问题
- css基础 绝对定位 position:absolute 相对于document元素进行定位 (无定位的祖先元素)
- CSS中背景background-position负值定位深入理解
- CSS布局中的定位position
- 重新认识——CSS Position定位
- HTML&CSS——CSS中背景background-position负值定位深入理解[图文]
- CSS中背景background-position负值定位深入理解
- css-position定位
- CSS中position定位的个熟悉示例介绍