Chrome为正确的行换行添加了边距

Question

chrome中行内的所有列在div.inner中添加了大约15px到div.fullsize-rotator。我将.fullsize-rotator的保证金设置为保证金：0自动。我已经尝试了我能想到的一切。 http://www.aprilsmallwood-webdesign-ui.com/。感谢

Answer 1

我查看了您的网站，看起来您的行中有一些额外的填充。我换了.main-grid .pad {padding：60px 30px; ）到{padding：60px 0px！important;并且，至少在Chrome代码检查中，它将第三个元素移到了行中。看起来这可能是你的问题。它对客户端部分具有相同的效果。希望这会有所帮助。

更新：第二个想法，这使得网格太靠近，因此描述文字相互之间相互影响。你可以这样做：

.main-grid .pad {
    padding: 60px 20px;
    width: 30%;
}

这样你可以在元素之间留出一点空间，每行仍然有3个空格。您可能需要使用精确的左/右填充来玩一下，但使用20px看起来非常接近。