2

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

页面在这里

我还在这里创建了一个包含所有文件的 Plunk

4

3 回答 3

0

将其添加到您的 css #footer 怎么样：

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

（如果您希望页脚在内容中有更多内容的情况下被推下页面，这需要工作）

于 2013-07-05T08:59:07.297 回答
0

试试这个到你的页脚css样式，

#globalfooter{
   position:absolute;
   bottom:0px; 
}
于 2013-07-05T09:05:30.753 回答
0

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

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

把它放在“main-wrapper”部分的关闭下方

于 2013-07-05T11:23:10.157 回答