gpt4 book ai didi

html - 粘性页脚奇怪的 IE11 行为

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

这个 fiddle 试图复制我最近遇到的问题。因此,对于困惑的代码,我深表歉意,因为它是一个更大元素的一部分。

fiddle:

https://jsfiddle.net/kfh3ah4q/4/

问题是此代码在 IE11 中的行为与在其他 Firefox/Chrome 中的行为不同。

紫色部分代表粘性页脚,当您滚动到页面底部时会显示出来。在 IE 中,这个紫色 block 的行为不正确或者根本不可见。

我应该怎么做才能解决这个问题?

最佳答案

 <body style="overflow:scroll;">  

<div class="main clearfix">



<div class="content contentclosed clearfix">
<div class="maincontent clearfix" style="position:absolute;">


<div id="main">

<section id="znalosti">

sample text<br>sample text<br>sample text<br>sample text<br>sample text<br>sample text<br>sample text<br>sample text<br>sample text<br>sample text<br>sample text<br>sample text<br>sample text<br>sample text<br>sample text<br>sample text<br>sample text

</section><!-- end #znalosti -->
</div><!-- end #main -->
</div>
<div class="footer clearfix" style="position:relative;">
<div class="container">
<br>&nbsp;</br>
<p>
sample text<br>sample text<br>sample text<br>sample text<br>sample text<br>sample text<br>sample text<br>sample text<br>sample text<br>sample text<br>sample text<br>sample text<br>sample text<br>sample text<br>sample text<br>sample text<br>sample text<br>sample text<br>sample text<br>sample text<br>sample text<br>sample text<br>sample text<br>sample text<br>sample text<br>sample text<br>sample text<br>sample text<br>sample text
</p>
</div>
</div>
</div>

</div>


</body>

我在正文中添加了溢出滚动,在主要内容中添加了position:absolute。将页脚内容包装在 p 中,并在顶部添加换行符,并相对于页脚定位。您可以在 HTML 中看到我的内联更改。那行得通,但所有这些事情可能都不是必需的。我不是 100% 确定您要完成什么,但希望对您有所帮助。

当我添加“overflow:scroll; min-height:2000px;”时它起作用了在 IE 中

关于html - 粘性页脚奇怪的 IE11 行为,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33632062/

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