我有一个固定宽度的基于%的网格(目前)。代码基于这篇css技巧文章:http://css-tricks.com/dont-overthink-it-grids/
工作很好，直到我有一个列，其中有多个响应图像是相同的大小，需要堆叠在一起彼此(浮动)。因为填充的问题，我不能让所有的三个图像出来相同的宽度和高度，尽管事实上他们开始的方式。最后一个总是高的。下面是显示问题的代码:http://codepen.io/joshmath/pen/dEuIv
任何帮助，这将是非常感激的。我以前也遇到过这个问题，但我总是在逐个案例的基础上破解它。谢谢!
无论出于什么原因，如果您从最后一个元素中删除padding-right: 0样式，它就解决了这个问题。
看起来你正在尝试使用填充来添加元素之间的间距。我尝试使用Chrome开发工具是使用边距而不是填充，然后稍微减少元素的宽度到29.5%左右。
只需将以下内容添加到您的css中。设置你喜欢的大小，你的网格中的所有图像将保持这个大小，如果他们需要增长/缩小，使用高度/宽度百分比代替。
。网格img{宽度:350 px;身高:400 px;}