1

我的页脚出现在我的内容底部，直到我向下滚动然后再向上滚动，然后它出现在我的页面中间的内容中间。

我做了几个网页我觉得很有趣我刚刚遇到了这个问题，我使用了与其他项目类似的代码。

继承人是我的 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;}
4

2 回答 2

0

position改变你的身体relative。这是一个代码笔。我猜你没有从你的实时代码中剪切和粘贴它，因为你的 css 包含类似#body. 我把那些东西固定在笔里。

于 2013-10-25T01:41:20.770 回答
0

尝试将 body 和 html 标签的最小高度设为 100%。如果内容没有填满整个视口，那么设置为 bottom: 0 的绝对位置实际上不会位于底部。

于 2013-10-25T02:15:43.380 回答