IE 10的填充問題與粘腳

Question

我想頁面沒有滾動和粘腳。鉻和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;