html - 我无法在引导DIV的底部找到图像

我无法将图像放到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;
}

有什么解决方法吗？

最佳答案

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

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

要么：

.portfolio-item img { ... }