css - ズームインすると、フッターが前のコンテンツと重なるのはなぜですか

Question

これがサンプルhtmlです：

<div id = "mainWrapperDiv">
    <div id = "mainDiv">
        <div> testing </div>
    </div>
 </div>
 <div id = "footerDiv">
 </div>

そのcss：

*
{
    padding:            0px;
    margin:             0px;
}

body, html
{
    height:             100%
}

div
{
    border:             none;
}

#mainWrapperDiv 
{
    min-height:         100%;
    height:             100%;
    margin-bottom:      -200px;
} 

#mainDiv  
{

    margin:             0px auto 0px auto; 
    width:              1000px;
    min-height:         500px;
    background:         lightgreen;
}



#footerDiv
{
    height:             200px;
    width:              100%;
    position:           relative;
    clear:              both;
    background:         lightblue;
}

Answer 1

どのスティッキー フッターを使用していますか? あなたのコードはどのように見えますか? あなたは試すことができます

http://www.cssstickyfooter.com/

Answer 2

位置が相対的に設定されているためです。そしてまたmargin-bottom: -200px;

Answer 3

margin-bottomそれはあなたのせいです#mainWrapperDiv。それを取り除けば、問題なく動作するようです。それをチェックしてくださいhttp://jsfiddle.net/kA6XJ/