写代码遇到的小问题

盒子超出设置的高度，右设置浮动，产生影响 本来如图所示画红圈的本应该靠左边排列，却跑到右边，原因是上边盒子超出本身设置的高度，而又设置浮动，有浮动的盒子不会压住文字，字体只会围绕浮动的盒子，解决方法：

在父盒子上设置overflow:hidden,把溢出的盒子隐藏掉，就不会影响下面的盒子。

.recon {
    overflow:hidden;
}