Question

我想要没有滚动和粘性页脚的页面。chrome和firefox没有问题。但是IE 10显示了额外的填充。这是我的Jsfiddle。

<style>
.clearfix:after  {content: "."; display: block; 
                  clear: both; visibility: hidden;
                  line-height: 0; height: 0;}

.clearfix        {zoom: 1;}

#fixedmenu      {height:75px; background:#A2BBD5; 
                 font-family:'Open Sans', sans-serif;
                 font-size:12px;}

.kapsa           {min-height:574px; padding-bottom: 25px;
                  text-align:center;}

.w100            {width:100%;}

.maz             {margin:0 auto;width:1000px;}

.footer          {min-width:1000px; margin-top: -25px;
                  height: 25px; background:#EC2155;}
</style>

<script>
$(document).ready(function (){
$(window).resize(function() {
    $('.kapsa').height($(window).height() - 100);
});

$(window).trigger('resize');

});
</script>

<div id="fixedmenu" class="w100 clearfix"></div>

<div class="kapsa maz"></div>

<div class="footer"></div>

Answer 1

我认为IE与我在Safari或Chrome上看到的内容没有任何区别。

你可以尝试的是将重要性放在你的设置填充后面和/或定义你的填充，即使它只是

padding: 0 !important;

IE 10填充问题与粘性页脚

1 个答案: