清除子元素浮动对父元素高度的影响

在利用浮动进行布局时，不免会遇到一些问题。例如，当一个元素的所有子元素都浮动时，该元素的高度会变为零，这将破坏整体布局或导致该元素的背景不能正常显示。

解决办法：

设置父元素的 :after 伪类

.f-clear:after{
       display: block;
       visibility: hidden;
       height: 0;
       font-size: 0;
       content:".";
       clear: both;
}