頁腳未保持在底部位置
[英]Footer not keeping the bottom position
問題描述
我對頁面的CSS有問題。 模板已從舊模板進行了更新，因此我不得不從頭開始編寫一些部分，但是沒關系，除了頁腳。 看起來“不錯”，但是當您單擊crtl時-很多次您會看到頁腳沒有停留在頁面底部，其余部分都與該頁腳保持一致。 我不是很發現這一點。 jsfiddle在這里 。 我猜這個錯誤是微不足道的，但我仍然必須找到它。 代碼如下：
<body>
<div id="sito">
<div class="header">
<div class="content">
<div class="boxgrigio">
<div class="content">
<div class="email"></div></div></div>
<div class="contatti_elenco">
<div></div>
<div></div>
<div></div>
</div>
</div>
</div>
<div class="menu">
<div class="content"></div>
</div>
<div class="slide">
<div class="content">
<div id="slideshow">
<div id="featured">
<div class="ui-tabs-panel"></div>
</div></div></div></div>
<div class="footer">
<div class="content"></div>
</div></div>
</body>
</html>
CSS非常簡單，位於提供的小提琴中。 請幫忙！
3 個解決方案
解決方案1
1 2014-03-25 10:05:28
您可以這樣修改頁腳：
.footer {
position:fixed;/* change to this */
left:0px;
bottom:0px;
height:--px;
width:100%;
background:#color;
}
/* IE 6 */
* html .footer {
position:absolute;
top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}
解決方案2
1 2014-03-25 10:10:24
在頁腳類中更改position值的position: fixed;
.footer{
width:100%;
font-size: 13px;
background-color: #404040;
position: fixed;
height:120px;
bottom:0;
left:0;
}
解決方案3
1 2014-03-25 10:13:50
將頁腳保持在頁面底部
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.