为什么img没有占据父母的全宽？

Question

.landing{
        position: inherit;
        width: 100%;
        height: 80vh;
        z-index: 0;
    }
    
    .landing  .wrapper + img{
        width: 100%;
    }

<div class="landing"> 
  <div class="wrapper"> 
    <img src="http://lorempixel.com/350/100/" alt="Our Building">
    <img src="http://lorempixel.com/350/100/" alt="LOGO"> 
  </div> 
</div>

我想要的只是图像应该与其父母一起使用,请帮助我.提前致谢

Answer 1

你可以使用first-child元素:

.landing{
    position: inherit;
    width: 100%;
    height: 80vh;
    z-index: 0;
}

.landing .wrapper img:first-child {
    width: 100%;
}

<div class="landing">
    <div class="wrapper">
        <img src="https://via.placeholder.com/350x100" alt="Our Building">
        <img src="https://via.placeholder.com/350x100" alt="LOGO">
    </div>
</div>