• 为什么要清除浮动？清除浮动的方式？

• 清除浮动是为了清除使用浮动元素产生的影响。浮动的元素，高度会塌陷， 而高度的塌陷使我们页面后面的布局不能正常显示。

• ① 额外标签法（在最后一个浮动标签后，新加一个标签，给其设置clear: both;）(不推荐)

  • 优点：通俗易懂，方便
  • 缺点：添加无意义标签，语义化差

• ② 父级添加 overflow 属性（父元素添加 overflow: hidden）(不推荐)

  • 优点：代码简洁
  • 缺点：内容增多的时候容易造成不会自动换行，导致内容被隐藏掉，无法显示要溢出的元素

• ③ 使用 after 伪元素清除浮动 （推荐使用）

/*清除谷歌记住密码后input改变样式*/
 input:-webkit-autofill {
    /*input 背景色     #0C2034根据自己需要替换*/
    transition: background-color 5000s ease-in-out 0s;
    /*input字体颜色 颜色根据自己要求替换*/
    -webkit-text-fill-color: #FFFFFF !important;
}

css文字单行省略号

overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

css文字多行省略号

overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;

less表达式动态循环遍历padding标签

.padding(@counter) when (@counter > 0) {
    .padding((@counter - 1));
  .padding-@{counter}{
      padding: (0px+@counter);
  }
}
.padding(10); // launch the loop