美文网首页
calc()和width: 100%;的使用

calc()和width: 100%;的使用

作者: desperadokk | 来源:发表于2018-12-19 16:46 被阅读0次

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()使用

相关文章

网友评论

      本文标题:calc()和width: 100%;的使用

      本文链接:https://www.haomeiwen.com/subject/plbqkqtx.html