Question

我正在尝试从头开始创建我的网站，并且在此过程中遇到了很多问题。最近的问题是我无法在main-wrapper div之后设置我的页脚。我遇到此问题的最明显原因是因为main-wrapper包含绝对定位的元素，因此其高度不会相应调整。我在询问之前搜遍了整个地方，我甚至实现了一个clearfix没有结果..

页面为here

我还创建了一个包含所有文件here

的Plunk

Answer 1

如何将此添加到您的css #footer：

 position: absolute;
 width: 100%;
 bottom: 0;

（如果您想要在页面中有更多内容的情况下将页脚推到页面上，这需要工作）

Answer 2

尝试使用您的页脚css样式，

#globalfooter{
   position:absolute;
   bottom:0px; 
}

Answer 3

我认为使用css会非常困难，你可以尝试使用这个脚本

 <script type="text/javascript">
    document.getElementsByClassName('main-wrapper')[0].style.height = document.getElementsByClassName('hero-bg')[0].offsetHeight+"px";
 </script>

把它放在关闭“主要包装”部分

之下

麻烦在主要内容下定位页脚

3 个答案: