0

スクロール無し、フッター貼り付きでページングしたい。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>
4

1 に答える 1

0

IE と Safari や Chrome の違いはわかりません。

あなたが試すことができるのは、設定したパディングの後ろに !important を置いたり、パディングを定義したりすることです。

padding: 0 !important;
于 2016-03-16T14:46:16.693 に答える