html - 为什么我的内容和页脚之间存在巨大差距？

Question

我在页面上有 2 列 float 到左侧，并包含在名为“内容”的包装器 div 中。

然后我在#footer 中包含一个页脚。我的内容和页脚之间有巨大的差距，我不知道为什么!这是代码笔和相关代码的链接:

http://codepen.io/Pea92/pen/WvrXRY

HTML:

<div id="content">
<div class="sidebar">Information etc</div>
<div class="column2"></div>
</div>
<div id="footer"></div>

CSS:

.sidebar {
float:left:
width:20%;
}
.column2 {
float:left;
width:60%;
}

Answer 1

语法错误:

<div class="clear" <div="" id="footer">
        <p>© Copyright 2015</p>

    </div>

您没有关闭您的 <div标签...请始终验证您的代码。 http://validator.w3.org/