CSS浮动定位

1、浮动
行内元素：span 、img、strong...          行内元素能包括在块级元素内，块级元素不能包括在行内元素内
块元素：h1-h6、p、div……
行内元素块元素转换：display：block；   block块元素、inline行内元素、inline-block是块元素但是可以内联、none消失隐藏
左右浮动：float：right；  right右浮、left左浮
清除浮动：clear：both； both两侧不允许浮动、right右侧不允许浮动、left左侧不允许浮动
小结：display和float都能让元素排在一列，display方向不可控制；float浮动起来会脱离标准文档流，所以需要解决父级边框塌陷问题；

2、父级元素塌陷问题方法：
①增加父级元素高度
②增加一个空的div标签，清除浮动          <div class=“mm"></div>  .mm{clear：both；}
overflow：hidden;  hidden溢出隐藏、scroll溢出加滚动条
③在父级元素加overflow：hidden;
④父类添加一个伪类：after
#父元素标签:after{
        conter:'';
         display:block;
        clear:both;
        }
小结：    浮动元素后面加空div：简单，但是代码中避免空div；
    设置父元素高度：简单ÿ