css - 带有粘性页脚的 IE 10 填充问题

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 上看到的没有任何区别。

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

padding: 0 !important;