html - 通过溢出 div CSS 降低图像

Question

我必须放下我将在下面以某种方式向您展示的图像

基本结构是

<div class="row">
      <div class="col-lg-1">
      </div><!-- end grid 1 -->


      <div class="col-lg-9">
           <div class="col-sm-6" style="min-height:100%;"><img class="img-responsive" src="url" />
            </div>
           <div class="col-sm-6">
           </div>
      </div><!-- end grid 9 -->


      <div class="col-lg-2">
      </div><!-- end grid 2 -->
    </div><!-- end row -->

图像显示在 Bootstrap 类 col-sm-6 中。现在，我需要将其降低一些像素。我在这里添加 http://jsfiddle.net/vcptv09b/ jsfiddle ...只需在不增加背景大小的情况下稍微降低谷歌图像...我尝试了绝对位置和 margin 顶部..它全部崩溃了..

Answer 1

<div class="col-sm-6" style="min-height:100%; margin-bottom: -20px;"><img class="img-responsive" src="url" />

像这样？