我想做页脚。我有主 div 有所有页面和主,有称为页脚的 div。所以我的问题是主要只有 137px 但页面更大。所以页脚在顶部而不是底部。这是我正在使用的 html 和 css:
jsfiddle.net/gEgK9
怎么了?(查看#footer
并#main
查看 css)
这就是玩的价格position:absolute
(或任何其他position
不是的价值static
)。定位将从流程中删除您的元素。这意味着,相同上下文中的所有其他元素都position:static
将被渲染,就好像该元素甚至不存在一样。
您必须使用position:absolute;bottom:0;
才能将页脚移动到底部。不要忘记您必须计算边距和其他位置,以确保您的页脚不会与其他元素发生冲突。但是,我建议您考虑一下您目前的情况,并问问自己,您的主要内容的绝对定位是否真的有必要。
尝试使用相对单位(如 % 或 em)代替 px 来表示元素的高度。相对长度单位在不同的渲染介质之间可以更好地缩放。查看详情:https ://www.w3schools.com/CSSref/css_units.asp