图片百分百问题 z-index问题

Posted 2020-08-03 循序渐进，不急不躁

遇到的问题：
    1.图片设置宽高都为100%，为什么高度没有100%呢？  我日了狗了！
   
    答：因为图片默认高度大于包含框, 此时元素的高度100%将不会参照父元素？ 继承出现了问题！
    解决方法：给父级元素一个个都手动添加height:100%,让其继承下来父元素的高度。

           描述：那张图片的宽高都比父容器大！    所以有问题，另一张图片宽高都比父容器小。

    2.层叠问题，让设置背景的子元素层叠到父元素上。 
      给一个元素设置背景色，然后margin-top取负值，背景色会被覆盖，而内容不会覆盖。
      当给元素设置position：relative/absolute/fixed后就不会被覆盖了！
      因为父级元素设置了position：relative属性！  所以层叠顺序会高吧！