gpt4 book ai didi

html - 页脚不保持底部位置

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

我有一个页面的 css 问题。该模板已从旧模板更新,所以我不得不从头开始编写一些部分,但没关系,除了页脚。它“似乎”没问题,但是当您单击 crtl 时 - 很多时候您会看到页脚没有粘在页面底部,它与内容的其余部分一起上升。我不是很喜欢这个。 jsfiddle 是 here .我想这个错误是微不足道的,但我仍然必须找到它。代码如下:

 <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 非常简单,在提供的 fiddle 中。请帮忙!

最佳答案

你可以像这样修复页脚:

   .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');
}

See demo

关于html - 页脚不保持底部位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22631028/

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