我有一个基于％的网格，有一个固定宽度（暂时）。该代码基于此css-tricks文章：http://css-tricks.com/dont-overthink-it-grids/
效果很好，直到我的列中有多个响应式图像，这些图像大小相同，需要彼此相邻堆叠（浮动）。由于填充问题和什么不是，我不能让所有三个图像都出现相同的宽度和高度，尽管它们以这种方式开始。最后一个总是更高。这是一个显示问题的代码：http://codepen.io/joshmath/pen/dEuIv
对此的任何帮助都将非常感激。我以前遇到过这个问题，并且总是在个案的基础上最终破解我的方式。谢谢！
答案 0 :(得分：1)
无论出于何种原因，如果从最后一个元素中删除padding-right：0样式，它就可以解决问题。
看起来你正在尝试使用填充在元素之间添加间距。我使用Chrome开发工具尝试的是使用边距而不是填充，然后将元素的宽度略微减少到29.5％左右。这似乎有效。
答案 1 :(得分：0)
只需将以下内容添加到您的CSS中即可。将大小设置为您喜欢的任何大小，如果网格中的所有图像都需要增大/缩小使用高度/宽度百分比，那么网格中的所有图像都将保持该大小。
.grid img { 宽度：350px; 身高：400px; }