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()使用
网友评论