朝花夕拾 · 历史成长档案 · 早期足迹

本文记录于 2017-2019 年早期前端探索时期，保留当时的真实成长轨迹与思考，归档作技术演进参考。

CSS 套路

CSS 总是会出现我们意想不到的结果，在这里记录一些会用到的小技巧来加深自己的记忆与理解。

• 浮动过后在父级加 clearfix

  .clearfix {
  	clear:both;
  	content: '';
  	display:block;
  }

• 一般不写宽高

• 写宽的话多用 max-width 以便自适应

• margin可能导致撑出去(a 比 div 高)，用display：block

• 多写一个 div 来设置 margin可以防止 width 变宽

• 对于绝对定位子集position：absolute，那么记得给父级一个position：relative

• css 三角形

  .triangle {
    border: 10px solid black;
    boder-top-color:red;
  }
  /*就可以看到三角形，可以设置某一边的宽，把颜色变透明来得到想要的三角形*/

  ​