CSS有几种定位方式?static:正常文档流定位,此时top、right、bottom、left和z-index属性无效,块级元素从上到下垂直排列,行级元素从左到右排列。relative:相对定位,此时的“相对”是相对于正常文档流的位置。absolute:相对于最近的非静态定位祖先元素的偏移量,来确定元素的位置,比如父元素和祖父元素都是relative的绝对定位元素,就会相对于它的父元素进行偏移。fixed:指定元素相对于屏幕视口(viewport)的位置来指定元素位置。当屏幕滚动时,元素的位置不会改变。比如返回顶部的按钮,一般都是采用这种定位方式。sticky:粘性定位,特性类似于relative和fixed的结合,在实际应用中的效果大概是IOS通讯录滚动时的“屁股”。css有几种定位方式?static:正常文档流定位,同时top,right,bottom,left和z-index属性无效,块级元素从上到下垂直排列,inline-level从左到右水平排列。relative:相对定位,此时的relative与正常文档流的位置相关。absolute:与最近的非静态定位相关祖先元素的偏移量来确定的定位元素。比如一个绝对定位元素,它的父元素和祖父元素都是真实的,它会相对于它的父元素进行偏移。fixed:指定元素的位置真实到屏幕的视口来指定元素的位置。滚动屏幕时元素的位置不会改变。比如回到顶部的按钮一般都是采用这种定位方式。sticky:粘性定位,特性它的作用类似于realtive和fixed的结合,在实际应用中的效果大概是IOS通讯录滚动时的topbutt。
