Html 如何防止背景色过度流入填充行？

我有一个标题行，其中一个图像占据了12列中的8列。我需要后面的图像和其余4列的背景色是白色-这是不同于身体的颜色。首先，我试图将bg颜色添加到行中，但白色溢出到填充中。然后我尝试添加一个子div来包装列，但我遇到了问题：

您可以看到图像右侧的白色间隙。以下是我努力实现的目标：

看到图像左侧没有白色了吗，我如何在css和html中做到这一点

编辑：添加一些代码

html:

---

我们能看到一些html和css吗？或者可能是一个JSFIDLE？请发布一些代码。填充意味着在内容开始之前要留出多少空间，这意味着它是内容的一部分。如果您不想要空间，我建议删除左边的填充或使用与图像上的填充等效的负边距。@Lokeshuthar出于某种原因，我认为更改foundation列的填充会破坏我的布局，但它似乎起到了作用。删除填充，改为使用边距，

  <header class="row"> 
    <div class="header-wrapper clearfix">
      <div class="small-8 columns">
        <img src="images/header-logo.png">
      </div>
      <div class="small-4 columns orbit-columns">
        <img src="images/orbit/new-port-richey-office.jpg" alt="">
      </div>
    </div>
  </header>

header.row {
   // background-color: $white;
   .header-wrapper {
      background-color: $white;
      margin-left: -0.9375rem;
      margin-right: -0.9375rem;
   }
}