Question

我遇到了问题。我使用＆＃34;粘＆＃34;在我的网站上的页脚。它工作正常，但不适用于使用CKEditor（4.6.2）的页面。问题是：页脚后面有一个额外的1px行。我相信我理解为什么会出现问题，但我不确定如何解决问题。请问您能提出一个解决方法吗？

HTML：

<!DOCTYPE html>
<html>
    <head>
        <link href="style.css" rel="stylesheet">
        <script src="ckeditor/ckeditor.js"></script>
    </head>
    <body>
        <div class="content-wrapper">
            <header></header>
            <textarea name="editor1"></textarea>
            <script>
                CKEDITOR.replace('editor1');
            </script>
        </div>
        <footer></footer>
    </body>
</html>

CSS：

html, body {
    height: 100%;
}
body {
    margin: 0;
    padding: 0;
}
.content-wrapper {
    height: 100%;
}
.content-wrapper:after {
    content: "";
}
header {
    height: 100px;
    background-color: blue;
}
header:after {
    content: "";
}
footer {
    height: 100px;
    background-color: red;
    margin-top: -100px;
}
footer:after {
    content: "";
}

CKEditor和粘性页脚

0 个答案: