CSS定位

CSS定位

position 定位：

需要配合方向值一起使用 top,right,left,bottom(top,left优先)

position:relative相对定位，

相对于元素本身的位置进行定位，方向属性对应元素原边，正值向原边的反方向移动（负值同理），如：

​ left:100px;向右移动100像素

文档流中原位置没有改变，不脱离文档流

position:relative绝对定位

相对浏览器窗口进行定位：当父级元素中设置position :relative;

因为是绝对定位

所以把文件定位在文档中的某个位置，跟随文档的滚动而滚动

相对于父级元素定位：

子父级定位:当父级元素设置position：relative;相对于父级位置定位

绝对定位特点是，在文档中找到位置，位置一旦确定无法改变

position:fixed固定定位

固定在窗口的某个位置，不会发生改变，不会跟着滚动条的滚动而滚动

以上两个完全脱离文档流