CSS 有趣的样式 学习

box-sizing: border-box;（div100%超出问题解决：注意不包含外边距margin。）

data-* 属性是HTML5中推荐使用 用于绑定元素数据的一个属性

display: flex;弹性布局：它的所有子元素自动成为容器成员。（当子元素1为height：100%时，子元素2的height不会被元素1抢夺而溢出）