CSS中,什么时候用绝对定位,什么时候用相对定位

作者: JONE 分类: PHPer 发布时间: 2019-05-31 15:39

absolute 定位:绝对定位的元素的位置相对于最近的已定位父元素,如果元素没有已定位的父元素,那么它的位置相对于:

relative 定位:相对定位元素的定位是相对其正常位置。

fixed 定位:元素的位置相对于浏览器窗口是固定位置。即使窗口是滚动的它也不会移动:


相对定位:占用原先位置,会影响后面元素排版,适用于微调该元素位置

绝对定位:脱离标准文档流,适用于覆盖其他元素

绝对定位可以用在相对定位内,那么0点坐标就是拥有相对定位属性元素的左上角位置。实际应用中灵活性很大。