我开始对 CSS 感到沮丧。每当我认为我已经掌握了它的许多方面之一时，我就会被意想不到的行为完全抛弃。
我一直在尝试制作一个粘性页脚。所以我将 body 元素的高度设置为 100%，这样它就占据了整个 html 元素的高度(浏览器窗口)。然后我将 body 内的所有内容都包裹在一个 div 中，除了页脚元素，并将此 div 的高度设置为 100%，认为这将占据整个 body 的高度，因此将页脚推离屏幕底部。然后我可以应用负边距，你把它提出来并固定在底部。
但是页脚位于页面底部，低于所有主体，不需要负边距。所以我将高度设置为 100% 的想法完全被抛弃了。 这里发生了什么？
最佳答案
如果你想创建一个固定的页脚，那么你不需要担心高度属性。
.footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
text-align: center;
background-color: yellow;
}<body>
<p>This is the body</p>
<div class="footer">
<p>Footer</p>
</div>
</body>关于HTML 和 CSS 高度属性，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15640211/