Question

这个小提琴试图复制我最近遇到的问题。因此，我为凌乱的代码道歉，因为它是一个更大的项目。

fiddle:

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

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

紫色部分表示粘贴页脚，当您滚动到页面底部时会显示该页脚。在IE中，这个紫色块不能正常运行，或者甚至根本看不到它。

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

Answer 1

 <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>

我将溢出滚动添加到body，position：absolute添加到maincontent。将您的页脚内容包装在p中，并在顶部添加换行符，并相对于页脚定位。您可以在HTML中查看我的内联更改。这有效，但所有这些都可能没有必要。我不是百分百肯定你想要完成什么，但我希望有所帮助。

当我添加＆＃34;溢出：滚动时它起作用;最小高度：2000像素;＆＃34;到你的IE

粘性页脚奇怪的IE11行为

1 个答案: