html - CSS : Eliminate gaps between stacked responsive divs?

Question

学习我的方法...

我正在努力设置 div 行 - 我不希望它们之间有任何空间，并且不确定要寻找哪些属性来随着宽度变化进行调整。

当图像缩放时，我会出现/消失 1 像素的间隙，或者将其中一个 div 向下移动到下一行。

奇怪的是，两行基本相同，所以我迷失了。

这是当前页面:

http://www.turnerdesign.com/brackets/

谢谢 安德鲁

Answer 1

消除间隙:

删除 height: auto; 并设置高度。

 @media screen and (max-width: 959px)
      #column700 {
           width: 73%;
           height: 50px;
           float: left;
      }
      /* Do the same for the other column */
 }

---

对于间隙:

(我先写了这个，然后重新阅读了这个问题，天哪，我为另一个问题做了一个完整的答案，因为我一开始不明白，但以防万一有人需要空白，这里是如何做的)

HTML:

<div class="column700">
    <div id="firstProject">
    </div>
</div>

CSS:

#firstProject {
    width: 100%;
    padding: 10px;
    background: blue;
}