CSS之三个模型盒子模型轮廓模型内外边距

weixin_34343308

于 2018-11-20 19:31:00 发布

阅读量177

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/bianzhuo/p/9991058.html

本文详细解析了CSS盒子模型的计算方式，包括元素总宽度与高度的构成部分，如填充、边框、边距等，帮助读者深入理解网页布局原理。

盒子模型

最终元素的总宽度计算公式是这样的：

总元素的宽度=宽度+左填充+右填充+左边框+右边框+左边距+右边距

元素的总高度最终计算公式是这样的：

总元素的高度=高度+顶部填充+底部填充+上边框+下边框+上边距+下边距

外边的点是轮廓

转载于:https://www.cnblogs.com/bianzhuo/p/9991058.html

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。