我的包装从来没有碰到过屏幕的底部



我已经开始编写一个非常简单的布局,我去年某个时候做的,我已经完成了大部分,当我发现当'wrapper'div不触及页面底部时,好像它有"position: fixed"的风格,但它没有那种风格。我还想知道为什么Footerdiv不在底部,而在"topbar"div的正下方。我真的很困惑,因为我不知道为什么页脚和包装器div不能正常工作;(

我已经在我的网站上发布了下面的链接,所以你可以检查html/css。HenryNorthen.com

浮动元素不占用布局空间;页眉之后的所有内容都是浮动的,所以没有什么可以将页脚推到底部。相反,浮动元素"浮动"远离页脚,而页脚位于页眉之后。

如果你把这个添加到你的页脚样式中,它应该能解决这个问题:

clear: both;

最新更新