1

IE10 でドキュメントの最後にフッターを印刷する際の奇妙な問題に完全に行き詰まっています。https://stackoverflow.com/questions/16737743/css-how-to-force-child-to-use-parent-height-in-sticky-footerと同様のアプローチに従いました。IE10 を含むすべての IE バージョンで正しく印刷されます。ただし、IE10 はフッターの絶対的な CSS 配置を尊重せず、コンテンツの直後にフッターを表示します。私の実際のコードサンプルは次のとおりです。

body, html {
    height:100%;
    padding:0;
}

p {
    margin-top:0px;
    margin-bottom:1px;
}

#wrapper {
    position:relative;
    min-height:100%;
}

#content {
    padding-bottom:100px;
}

#footer {
    width:100%;
    position: absolute;
    bottom: 0px;
}

@media print {
    /*For FF to fix the printing issue.*/
    @-moz-document url-prefix() {
        #footer {
            position: relative;
        }
    }

    /*Chrome*/
    @media print and (-webkit-min-device-pixel-ratio:0) {
        #footer {
            position:relative;
        }
    }

ここにコンテンツが入ります サンプルフッター

私がスピンするのに時間がかかるので、誰かがこの問題に光を当ててくれたら本当にありがたいです.

4

0 に答える 0