css:float专题

  在CSS的布局排版中，要遵循标准文档流的格式。文档流 指的是元素排版布局过程中，元素会默认自动从左往右，从上往下的流式排列方式。并最终窗体自上而下分成一行行，并在每行中从左至右的顺序排放元素。其中涉及到块级元素和行内元素。具体如下：
  1. 块级元素在排版过程中会单独占据一行，行内元素（内联元素）不会单独占据一行，相邻的行内元素会排列到同一行里，直到一行排不下，才会换行，其宽度随元素的内容变化而变化。
  2. 块级元素可以设置宽高属性而行内元素不可以设置。
  3. 常用的块级元素有div,button,h1~h6,p,table,ul，form等；行内元素有a,span等。常见的行内块元素有:img ,input 等 。
  CSS因布局需要，引入float（浮动）属性。float可以参照高中数学的空间直角坐标系来理解，一般设计排版是在xy平面进行的，即z轴这个维度为0。添加float属性后的标签z轴不再是0，从而造成父级元素的塌陷问题。相关参考