定位: 根据项目需要 通过相关方法 让元素显示位置发生偏移 定位的方式: static 默认 relative 相对定位 absolute 绝对定位 fixed 固定定位 注意: 只有元素采用了定位;top left right bottom z-index 才可以使用 普通元素是没有这些样式的 定位属性基本配合浮动一块使用
2.相对定位
相对定位的特点: 1:如果你仅仅给元素添加了一个相对定位,这个元素显示的位置不会发生任何变化 2:相对定位是相对于元素之前的位置进行的; 3:相对定位的元素,之前现实的空间位置保留 4:z-index 可以调整元素在Z轴的显示位置,值越大越靠前 最大值是1000;
3绝对定位
绝对定位的显示特点; 1:找一个离它最近的,并且使用了定位的父元素来进行定位; 如果父元素没有定位,继续往上找上级父元素;直到HTML; 2:之前占用的空间不会保留 3:如果你想给一个元素添加绝对定位,最好的办法是找到这个元素的 直接父元素给这个父元素添加一个相对定位;
4固定定位
固定定位:相对于整个屏幕进行定位