码迷,mamicode.com
首页 > 其他好文 > 详细

什么是盒模型?

时间:2019-12-16 22:09:16      阅读:91      评论:0      收藏:0      [点我收藏+]

标签:bsp   设置   组成   模型   padding   标准   而不是   上下   宽度   

盒子的组成:

    外边距:margin   一个元素与另一个元素的距离

    边框:border   

    内边距:padding 

    内容:content

标准盒:总宽度=width+左右内边距+左右边框

    总高度=height+上下内边距+上下内边距

IE盒:box-sizing:border-box;

    设置的宽高是总的宽高,而不是内容的宽高。

什么是盒模型?

标签:bsp   设置   组成   模型   padding   标准   而不是   上下   宽度   

原文地址:https://www.cnblogs.com/hg845740143/p/12051518.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!