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