gpt4 book ai didi

HTML 和 CSS 高度属性

转载 作者:行者123 更新时间:2023-11-28 13:09:40 25 4
gpt4 key购买 nike

我开始对 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com