Html 在CSS中使用clear属性后边距不起作用？

所以我将clear应用于div，并尝试改变它的上边距，但没有任何影响。代码如下：

浮动
.1分部{
边框：2件纯黑；
浮动：左；
}
.第2分部{
清除：左；
边框：2倍纯红；
宽度：120px；
高度：120px；
利润率上限：320px；/*为什么利润率不起作用*/
}
这应该是第一个div
第二组

像这样使用一个容器：

<div class="con" style="overflow: hidden">
    <div class="div1">This is suppose to be a first div</div>
</div>

这应该是第一个div
Div2

这起作用了，但现在为什么第二个div靠近中间？将margin top的值更改为320px。我使用margin top:100px；在代码演示中。我已更改为320px，但第二个div仍然靠近中心。我想把它放在最左边