Html CSS清除浮动不工作

我对我使用的清理浮动有问题，我不明白为什么它不起作用

我在一个三列布局中得到了一些信息，我尝试清除浮动，以便我可以继续在下面添加信息，但是下面没有

HTML

我已检查以确保已关闭DIV标记，并且它们都已关闭。任何帮助都将不胜感激，谢谢。

您还有一个额外的

。预期的行为是什么？您在上的代码看起来确实像它应该呈现的那样。结算div之后的所有内容都位于其上方的浮动元素下方

<div id="clear"></div>
<div id="portfolio"><a>addsassadasd</a>
    This is below the floats above<br>
    Not a word of a lie
</div>

阿德萨萨德
这在上面的浮动下方

一句谎言也没有

如果有帮助，请检查此选项：

CSS:

---

将

#clear

作为一个类难道没有意义吗？你可能不止一次想要它？你什么意思？我有一个960px宽的DIV，里面有三个300px宽的DIV。不要给DIV添加高度，让它们从里面的内容自动获取高度。或者增加高度，它太小了，在JSFIDLE中似乎工作得很好：似乎您在HTML中添加了“&”必须是“&；”以防止解析错误，并且根据w3C规范，中不允许使用

。编写有组织文档的课程-始终保持整洁！格式正确，制表符正确（无论你的惯例如何），从长远来看，你将节省自己的时间。

.aboutme {
width: 300px;
height: 210px;
border: solid 1px #000;
float: left;
}

.skills {
width: 300px;
height: 210px;
border: solid 1px #000;
float: left;
margin-left: 27px;
}

.cv {
width: 300px;
height: 210px;
float: left;
border: solid 1px #000;
margin-left: 27px;

}

#clear {

clear:both;
}

<div id="clear"></div>
<div id="portfolio"><a>addsassadasd</a>
    This is below the floats above<br>
    Not a word of a lie
</div>

.aboutme {
width: 300px;
height: 310px;
border: solid 1px #000;
float: left;

}

.skills {
width: 300px;
height: 310px;
border: solid 1px #000;
float: left;
margin-left: 27px;
}

.cv {
width: 300px;
height: 310px;
float: left;
border: solid 1px #000;
margin-left: 27px;

}

#clear {
display:block;
clear:both;
}
.div4 {
width: 300px;
height: 310px;
border: solid 1px #000;
float: left;
margin-top:20px;
}