calc()和width: 100%;的使用
2018-12-19 本文已影响0人
desperadokk
width: 100%
注意width：100%是子元素的content的宽度等于父元素content的宽度。
calc()
因为box的border-box(content + padding + border)占父元素body的content的1/3，而box的左右padding各为10px，左右border各为1px，所以box的content宽度是：width: calc(33.33% - 22px)。
这里要注意的是减号➖两边要加空格
这篇博客对calc()的解释很好： css3的calc()使用
