css方面的知识

1.css的三栏布局：

• 总共有5中方法：
  1.flaot使用float进行布局
  2.flex布局：中间元素flex：1
  3.定位
  4.table布局：子元素display：table-cell
  5.网格布局
  width:100%;
  display: grid;
  grid-template-rows: 100px;
  grid-template-columns: 300px auto 300px;

2.盒子模型

• 盒子模型就是由content，padding，border，margin组成 现在存在的有两个盒子模型
  1.goole width= content
  2.Ie width = content + padding +border
  3.让Ie模型变成goole模型 box-sizing：content-box 同理 互换 =》 box-sizing：border-box

3.BFC

• 1.bfc是块级元素格式化上下文
  2.bfc是解决边距重叠的方案
  3.overflow：hidden
  4.bfc子元素是float 高度也会参与计算（overflow属性）