前端3+1（Day8）

前端3+1(Day8)

消除浮动的方法及其优缺点

1. 给外部盒子也加上float

   优点：将外部盒子也从标准文档流中抽离，让他可以和孩子见面

   缺点：可读性性差，而且可能需要调整整个页面布局

2. 在外部盒子内最下方加上clear

   可以是div也可以是其他的块级元素，把

   放在盒子的底部，用最下面的空盒子来清除浮动

缺点：引入冗余

3. 使用overflow：hidden，利用BFC布局

给外部盒子添加这个属性

缺点：可能会造成溢出的元素不见了，影响展示效果

4. 用after伪元素消除浮动,给外部元素的伪元素设置clear属性

   .clear::after{
       content:'';
       display:block;
       height:0;
       line-height:0;
       clear:both
   }
   

加密字符串

一般都是将字符串加上他在字符串的位置和一个偏移量为5