static 静态定位(默认)
relative 相对定位
参照物:定位前的位置
特点:1、不影响元素本身特性
2、元素不脱离文档流
3、相对于原位置进行偏移
absolute 绝对定位
参照物:最近的使用了定位的父级,如果没有找body
特点:1、元素脱离文档流
2、行元素支持所有css样式
3、块元素内容撑开宽高
4、清除子级的浮动
fixed 固定定位
参照物:浏览器窗口
特点:1、元素脱离文档流
2、清除子级浮动
本文深入探讨了CSS中的四种定位方式:static(默认定位)、relative(相对定位)、absolute(绝对定位)和fixed(固定定位)。重点介绍了它们的参照物、特点以及如何使用top、bottom、left、right进行偏移。同时提到了z-index在定位中的作用,帮助理解不同定位方式在网页布局中的应用。
参照物:定位前的位置
特点:1、不影响元素本身特性
2、元素不脱离文档流
3、相对于原位置进行偏移
参照物:最近的使用了定位的父级,如果没有找body
特点:1、元素脱离文档流
2、行元素支持所有css样式
3、块元素内容撑开宽高
4、清除子级的浮动
参照物:浏览器窗口
特点:1、元素脱离文档流
2、清除子级浮动
2144

被折叠的 条评论
为什么被折叠?