Vue绝对布局，相对布局的理解，对于如何一个图片里显示多个图片

    <div style="position: relative;">
      <img ref="mapAll" id="mapAll" src="../../assets/images/JIESHOUJI.png" usemap="#image-map">
      <img src="../../assets/ExperimentImage/Start1.png" style="position: absolute; top: 47px; left: 239px; z-index: 1;" v-show="image1Visible">
      <img src="../../assets/ExperimentImage/Start2.png" style="position: absolute; top: 47px; left: 239px; z-index: 1;" v-show="image2Visible">
    </div>

        把外部整体设计为相对布局，相对布局relative：会占Dom结构，也就是单独的一行，这样就能抱着这一个区域是独立于页面的，想要微调的元素设置为绝对布局absolute，绝对布局：不会占Dom结构，相当于悬浮的，然后每一个绝对布局的定位是相对与距离它最近的一个，并且具有布局属性的元素，通过这样即可实现图片堆叠效果，z-index为图片的层值，默认为0。

附：width的笔记