Question

我终于有了一个粘性页脚来处理推送div。不幸的是，我现在在我的包装器上面有一个奇怪的块已经出现了。我当然想摆脱这个。

有问题的网站： http://print503.squarespace.com/gallery/

基本HTML结构：

    <body>
         <div id = "wrapper">
            [all content divs (dynamic/responsive)]
               <div class = "push">
               </div>
         </div>
         <div id = "footer"> 
         </div>
   </body>

基本CSS结构：

html, body { 
height: 100%;
padding: 0;
margin: 0;
}

#wrapper {
position: relative;
margin: 0;
padding: 0;
min-height: 100%;
z-index: 1;
}

.push {
opacity: 0;
height: 50px;
bottom: 0;
}

#footer {
background-color: #000;
height: 200px;
bottom: 0;
}

所以我用我自己的HTML和CSS覆盖了这个方形空间网站的模板。我认为包装器（名为＆＃34; #externalWrapper＆＃34;）是背景图像。我不知道这是否是导致现在出现的顶部块的问题。

我做了几个小时的研究，无法弄清楚这个问题。会爱一些帮助。提前致谢。

Answer 1

添加

#outerWrapper {
    display: inline-block;
}

似乎解决了这个问题，如果那是你想要的（摆脱顶部黑条并让背景图像一直显示在顶部）。

在推挤黏性页脚以后的封皮上的空白块

1 个答案: