定位: 四种类型: 默认值定位 static 标准流布局 绝对定位 absolute 脱离标准流 相对定位 relative 标准流 固定定位 fixed 相对于浏览器固定的位置,窗口滚动也不会变换位置,于文档流无关,因此不占空间
position默认值是static,标准流布局展示 relative 标准流下。相对于自身原来的位置偏移 → position:relative。可以设置top,right,left,bottom absolute属性,设置top,right,left,bottom,单位px。absolute叫绝对定位。设置绝对定位后,前面的 会被后面的盖住。设置绝对定位,会让之前的东西脱离标准文档流
内部和父盒子都是绝对定位的时候,就会以父盒子为基准进行定位
父元素是absolute,子元素也是absolute,子元素会以父元素为基准进行定位;父元素使用绝对定位脱离文档流 所有标准流布局会显示在绝对定位下面,造成混乱,所以在工作中,我们采用relative和absolute相结合的方式进行 布局和定位
设置了absolute最好设置left和top来固定表明位置
要想提高层级,就用z-index。默认值是0.,可以改变层级,值大的覆盖值小的(relative,absolute,fixed都可以用)