我无法将图像放到我的引导程序DIV的底部

Question

我无法将我的图像放到DIV的底部（这是引导DIV可能导致问题的原因）

<section id="page-portfolio">
    <div class="portfolio-item" id="item-1">
         <div class="col-sm-12 col-md-10">
             <img src="img/mac-devices-small.png" class="img-responsive"/>
         </div>
    </div>

    <div class="portfolio-item" id="item-2">
         <div class="col-sm-12 col-md-10">
             <img src="img/mac-devices-small.png" class="img-responsive"/>
         </div>
    </div>
</section>

CSS：

#page-portfolio {
  height: 1300px;
}

.portfolio-item {
   height: 45%;
   width: 100%;
}

#item-1 {
   background-image: url("../img/client-fb.jpg");
   background-size: cover;
   background-position: top;
   position: relative;
}

#item-1 img {
   position: absolute;
   bottom: 0;
}

要解决哪些想法？

Answer 1

您的div元素的id为“item-2”，但您的选择器定位于#item-1。将CSS选择器更改为：

#item-1, #item-2 { ... }
#item-1 img, #item-2 img { ... }

或者：

.portfolio-item img { ... }