main(所有站点的div)工作不正常



我想做页脚。我有maindiv,那里有所有的页面,而在main之外,有一个叫footer的div。所以我的问题是主要只有137px,但页面更大。所以页脚在顶部而不是底部。这是我正在使用的html和css:

jsfiddle.net/gEgK9

怎么了?(在css中查看#footer#main

这是玩position:absolute(或任何其他非staticposition值)的价格。定位将从流中移除元素。这意味着,与position:static在同一上下文中的所有其他元素都将被呈现为该元素甚至不在那里。

您必须使用position:absolute;bottom:0;才能将页脚移动到底部。别忘了,你必须计算边距和其他位置,以确保你的页脚不会与其他元素碰撞。然而,我建议你思考一下自己的现状,问问自己对主要内容的绝对定位是否真的有必要。

尝试使用相对单位,如%或em来表示元素的高度,而不是px。相对长度单位在不同的渲染介质之间可以更好地缩放。查看详细信息:https://www.w3schools.com/CSSref/css_units.asp

最新更新