常见布局

一、两栏布局

参考：两栏布局布局
补充点1、border-box 与 content-box

代码与效果图直观感受，就明了
两个同一样式的div，不同box-sizing 的展现形式，
① border-box width=border （整个盒子border，为保持宽度 padding 会挤压内容）
② content-box width=content （盒子内部的内容）


补充点2、注意flex容器有默认值 align-item：stretch