position 定位不占位

CSS position 定位属性属性，允许您将布局的一部分与另一部分重叠，还可以完成多年来通常需要使用多个表格才能完成的任务。

例图：

代码如下：

      <div class="dingwei">
            <img src="../img/宝马.jpg" alt="">
      </div>

样式如下：

.dingwei{
    position: relative;
    img{
        position: absolute;
        left: 80px;
        top: 15px;
     }
  }

相对定位：
position: relative; 给父元素。

绝对定位：
position: absolute; 给子元素。
top： 0px; 上下移动。
left: 0px; 左右移动。

css学习笔记：定位position
css position定位 position选值类型： static：默认状态，不开启定位 relative：相...
css入坑之二
css的元素定位->position属性 1.position：absolute 绝对定位。绝对定位是子元素相对于...
css粘性定位position: sticky
css粘性定位position：sticky问题采坑position: sticky 详解（防坑指南）CSS中po...
HTML&&CSS初学问题汇总
CSS Position定位理解：https://www.runoob.com/css/css-positioni...
2019-01-04
CSS布局1 说起布局就需要谈谈定位谈及定位，我就得说说position属性 position static :...
CSS定位与浮动2016/6/12
CSS 定位 (Positioning) CSS 有三种基本的定位机制：普通流、浮动和绝对定位。 position...
CSS - 定位
CSS 中的层级概念 CSS中分为3层最上层：定位元素层（position:relative、position:...
二十，CSS定位概述与相对定位
CSS定位：position：relative(相对)/absolute(绝对)/ static(无定位)/ fi...
前端
一、定位 CSS position 属性通过使用 position 属性，我们可以选择 4 种不同类型的定位，这...
[note] CSS 定位position|z-index
内容概述一. CSS属性 - position CSS属性 - positionstatic：静态定位relat...