以前对c的printf， 和java的swing比较熟悉。 加上早前琢磨很多屏幕字符排列方式， 和字符模式的窗体布局。
clear both， 元素独占整行。
clear left， 当前元素左对齐， 对齐到上层容器左边界。
clear right， 当前元素右对齐， 对齐到上层容器右边界。
（布局的框的宽度调整到上级边界）
概念参照office word。 这使着还好的。
当一个元素的有子元素是float的时候， 增加clearfix:after的伪元素样式， 使得内部结尾的这些浮动子元素 针对伪元素 浮动 从而使伪元素的轮廓包含浮动元素， 进而父元素轮廓包含所有子元素， 避免后续元素置叠加的排版。
当前邻居元素或后邻居元素是浮动的时候， 间隔插入空div 带有clear both样式的元素， 相当于在屏幕输出一个空行。 前提保持邻居元素浮动布局排列的情况， 使当前元素对齐到左、右顶头， 和独占一行。