解析:

 标准模式: box-sizing: content-box; 宽高不包括内边距和边框
怪异模式: box-sizing: border-box 

解析:

 当父元素不给高度的时候，内部元素不浮动时会撑开, 而浮动的时候，父元素变成一条线, 造
成塌陷.
额外标签法（在最后一个浮动标签后，新加一个标签，给其设置 clear：both；）（不推
荐）
父元素添加 overflow:hidden; (触发 BFC)
使用 after 伪元素清除浮动（推荐使用）
使用 before 和 after 双伪元素清除浮动 

解析:

 比如 antd的 row 和 col, 将一行等分为 24 份, col 是几就占几份, 底层按百分比实现; 结合媒
体查询, 可以实现响应式 

解析:

 // 通过设置 border
.box
{
width:0px;
height:0px;
border-top:50px solid rgba(0,0,0,0);
border-right:50px solid rgba(0,0,0,0);
border-bottom:50px solid green;
border-left:50px solid rgba(0,0,0,0);
} 

解析:

 verticle-align: middle;
绝对定位 50%加 translateY(-50%)
绝对定位，上下左右全 0，margin:auto