html中块元素浮动出现问题

在制作静态页面时，模仿下图页面布局

思路：

在css代码中，给model-hd设置高度，没有给model-bd设置高度，模块1显示正常，模块2的left部分发生浮动

设置了model-bd的高度之后，显示正常
为什么两个模块会有这个差别？
另外，清除浮动的意思是对CSS代码整个清除，还是要具体的元素分别清除，我在css代码一开始已经写入清除浮动的代码，还是出现了这个问题。

清除浮动属性是给受影响的元素，清除其他元素浮动带来的影响

1.你所说的差异在哪，标注一下
2.你想要实现什么样的效果