css定位-position
css定位 定位模式：在css中，position属性用于定义元素的定位模式，其基本语法格式如下：选择器{position：属性值；} position属性值有5种，分别是静态定位，相对定位，绝对定位，固定定位和粘性定位 属性值 描述 static（静态定位） 正常显示，和不设置的效果一样 absolute（绝对定位） 以已定位父元素的位置为参照物，脱离文档流，不占据空间 relative（相对定位） 以自身默认的位置为参照物；不会破坏正常的布局流；占据空间 fixed（固定定位） 以浏览器的窗口为参照物；不论窗口滚动与否，元素都会留在那个位置 stick（粘性定位） 当元素在屏幕内，表现为relative；滚出显示器屏幕时，表现为fixed 偏移属性 定位模式仅仅定义了以哪种方式进行定位，并不能确定元素的具体位置，在css中，通过偏移属性来定义位置，其取值为数值或百分比。 偏移属性 描述 top 顶端偏移量，定义元素相对于其参照物的上边线的距离 bottom 底部偏移量，定义元素相对于其参照物的下边线的距离 left 左侧偏移量，定义元素相对于其参照物的左边线的距离 right 右侧偏移量，定义元素相对于其参照物的右边线的距离 注意： 在静态定位下，left，top属性不起作用 包含块 包含块是绝对定位的基础，包含块就是为定位元素提供坐标，偏移和显示范围的参照物