purecss.io Firefox中的网格划分

Question

我注意到，在purecss.io中，Firefox网格不起作用，除非我为每个网格设置display = flex，以便水平对齐，然后在响应中堆叠。如果我不希望它们是水平的并且总是堆叠（例如，两个纯u-1盒子在彼此之上），那么我不能使用display = flex。但是，使用这会打破与IE8的兼容性。有谁知道如何解决它，所以purecss适用于Firefox？

Answer 1

我找到了答案，它与purecss.io无关，而是两个divs之间的空白。如果相邻div之间存在换行符，那么它们会堆叠，否则它们按预期工作。举个例子，看下面的jsfiddles：

Stacking: http://jsfiddle.net/XCDsu/982/ 
Horizontal: http://jsfiddle.net/XCDsu/3/