2

我正在使用 Masonry 创建帖子网格，但正如您在下面的示例中看到的那样，masonry div/boxes 与我的页脚重叠。有什么想法可以让页脚在砌体 div 之后开始？

示例：http: //jsfiddle.net/CkhUQ/

用于包裹砖石的页脚和容器的 CSS：

footer {
width:100%;
background:#CCC;
height:400px;
}
#container {
max-width:1260px;
width:calc(100% - 40px);
min-height:1500px;
margin:auto;
top:187px;
position:relative;
}
4

3 回答 3

2

http://jsfiddle.net/CkhUQ/8/

正确的解决方案和原因是因为你设置

#container {
    max-width:1260px;
    width:calc(100% - 40px);
    min-height:1500px;
    margin:auto;
    top:187px;
    position:relative;
}

顶部：187px；部分原因是因为当您将内容向下推时它的药水没有改变。尝试使用 padding-top 替换，然后包含的 div 框将相应地调整大小并被向下推，因此不会发生重叠。

于 2014-05-29T03:29:07.780 回答
0

添加padding-bottom: 300px;到您的#container 元素。你可以玩弄这个数字，但它应该可以解决问题。

于 2014-05-29T01:29:16.190 回答
0

如何在容器 div 上使用标题 div 和显示块，然后是两个清晰的 div：http: //jsfiddle.net/shJNj/1/

#container {
    max-width:1260px;
    width:calc(100% - 40px);
    min-height:1500px;
    margin:auto;
    display: block;
}

<div id="header" style="height: 187px;"></div>
<div id="container">

<div style="clear: both;"></div>
<footer></footer>
于 2014-05-29T01:42:55.597 回答