css的定位属性

Css有三种基本的定位机制，分别是普通流、浮动流、定位流。其中的定位流也可以称为是css的定位属性。left、top、right、bottom属性是相对于当前元素自身进行偏移的 ，不能独自存在，必须配合定位元素一起使用 。 定位属性为position，属性值有五个，分别为：static、relative、absolute、fixd、sticky。static为默认值，意思是没有定位。使用static一般是为了取消元素之前的定位设置。relative是相对定位，属性值的参照物是自己原来所在的位置，如果没有设置定位偏移量，则对元素本身没有任何影响。Relative不会使元素脱离文档流，空间是会被保留的。不会影响其他元素布局 。absolute 是绝对定位，参照物是包含块—该元素的祖先级元素。包含块绝对定位的基础； 绝对定位元素会根据包含块进行绝对定位，默认情况下 ，浏览器的可视窗口是一个大的包含块，默认情况下，绝对定位元素会相对浏览器的可视窗口进行定位；如果他的祖先级元素定义了包含块，那他就相对于最近的祖先级元素进行绝对定位。如果有定位祖先元素相对于定位祖先元素发生偏移，没有定位祖先元素相对于整个文档发生偏移。Absolute的特点是使元素完全脱离文档流，使内联元素支持宽高，还可使块元素默认宽根据内容决定。fixed是固定定位，始终都是相对于整个窗口浏览器进行的固定定位。元素是脱离了文档流，同样可以使内联元素和块元素都具备内联块的特性。sticky是粘性定位，为了使元素始终在页面里指定位置里显示，例如搜索框。但是在没有到达指定位置的时候是没有效果的。