在基础zurb中制作一张覆盖整个细胞的照片

Question

我试图让一些照片完全覆盖基础zurb中的细胞。我不断在细胞中获得一些利润。有办法避免这种情况吗？图片的宽度略小于单元格的宽度。

  <div class="row">
    <div class="small-6 columns">
      <img src="pic1.png">
    </div>
    <div class="small-6 columns">
      <div class="row">
        <div class="small-12 columns">
          <img src="pic2.png" width="100%">
        </div>
        <div class="small-12 columns">
          <img src="assets/pic4.png">
        </div>
      </div>
    </div>
  </div>

Answer 1

您应该设置为.column, .columns班级padding: 0。

.column, .columns {
  padding: 0;
}

或者更好地创建新的类padding-zero，并将此类设置为您想要制作而没有填充的每个图像。