gpt4 book ai didi

html - 将页脚保持在包装/内容的下方或底部

转载 作者:太空宇宙 更新时间:2023-11-03 18:32:04 25 4
gpt4 key购买 nike

我的页脚出现在我内容的底部,直到我向下滚动然后向上滚动,然后它出现在我页面的一半位置在我的内容中间。

我制作了几个网页我觉得很有趣我刚遇到这个问题,我在其他元素中使用了类似的代码。

这是我的 HTML 和 CSS。

 <body> 
<div id="wrapper">
<header>
<nav>
</nav>
</header>
<div id="content">
</div>
</div>
<footer>
</footer>
</body>

CSS:

#body {
width: 100%;
background-color: #ebebeb;
margin: 0;
padding: 0;}

#nav{
margin:0;
padding:0px;
text-align:center;
width: 100%;
height: 44px;
position: fixed;
z-index: 15;
clear: both;}

#wrapper {
width: 100%;
min-height: 100%;
margin: 0;
padding: 0;
z-index: 10;
clear: both;
overflow: auto;}

#content-form {
width: 50%;
height: auto;
background-color: white;
margin-top: 100px;
margin-left: 25%;
margin-right: 25%;
margin-bottom: 0;
padding: 1em;
padding-bottom:0;
text-align: center;}

#footer {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
clear: both;
background-color: #ffffff;
display: inline-block;
margin: auto;
padding: auto;
z-index: 5;}

最佳答案

将 body 的位置更改为相对Here's a codepen .我猜你没有从你的实时代码中剪切和粘贴它,因为你的 css 包含诸如 #body 之类的东西。我把那些东西固定在笔里。

关于html - 将页脚保持在包装/内容的下方或底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19579593/

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