简体   繁体   English

Zurb Foundation,网格布局中的“漏洞”

[英]“holes” in grid layout, Zurb Foundation

Can anyone tell me why I might have seemingly random "holes" in my grid layout? 谁能告诉我为什么我的网格布局中似乎有随机的“孔”? I'm using Zurb Foundation. 我正在使用Zurb Foundation。

Even though it is a basic grid layout, some columns floats to the right for no apparent reason. 即使它是基本的网格布局,也有一些列在没有明显原因的情况下向右浮动。 It looks like there is an article missing once in a while, but if you look in the markup, you will se that there are no empty divs pushing things around and the div elements seems to have the same classes and styling? 似乎偶尔会丢失一篇文章,但是如果您查看标记,您会发现没有空的div推动事物发展,并且div元素似乎具有相同的类和样式?

There are no actual items left out - everything from the database is printed, but the holes are "consistent" in terms of where they are relative to the surrounding items, so it seems like it is related to the content, but I can't see anything in the content suggesting that the problem should lie here. 没有实际的项目遗漏-数据库中的所有内容都被打印出来,但是孔相对于周围项目的位置是“一致的”,因此似乎与内容有关,但是我不能看到内容中的任何内容表明问题应该出在这里。

Link to the site 链接到网站

try adding min-height to the divs medium-6 . 尝试将min-height添加到divs medium-6中

.medium-6 {
    width: 50%;
    min-height: 270px;
}

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM