CSS设置浮动

float浮动

left为左浮动，right为右浮动；
因为设置了浮动元素会脱离文档流，不再参与流式布局，紧跟其后的元素会占据它原本的位置。
注意：用到了浮动，就一定要清除浮动。

清除浮动的方法

1. 通过清理浮动让父元素自动获取高度。
   优点：代码少，好理解；
   缺点：增加了多余的空标签。
   .clear{
   claer:both;
   }

2. 手动给父元素添加高度，父元素高度固定
   优点：简单明了，比较直接；
   缺点：父元素高度固定，如果浮动元素高度不统一，会影响后面的布局（推荐在导航栏使用） 。
   ul{
   height: 26px;
   }

3. after语句
   优点：几乎没有缺点，是比较常用的一种清理方式；
   缺点：代码多，不好记忆。
   ul::after{
   /* 内容 /
   content:"";
   display:block;
   height: 0;
   / 元素不可见 /
   visibility: hidden;
   clear:both;
   }
   ul{
   zoom:1;
   / 是否可缩放，1不可缩放，0可缩放*/
   }