您的位置:首页 > 其它

谈谈你对盒模型的看法

2019-05-14 19:16 92 查看

css盒模型分为两种,一种是w3c标准盒模型,一种是IE盒模型,在盒模型中,宽度=左外边距+左边框+左内边距+内容宽度+右内边距+右边框+右外边距;不管是IE盒模型还是标准盒模型都遵循这个守则,但是有一点,在计算盒子宽度的时候,IE盒模型的边框是算在宽度里边的,但是w3c标准盒模型的边框是不算在里面的,比如说有一个宽度为400px的盒子,在IE盒模型中,400px的宽度是由398px的内容宽度和2px的边框宽度组成的,但是在标准盒模型中,400px的宽度指的是内容的宽度,盒子的宽度是指400px的内容宽度和2px的边框宽度共同组成的,即盒子的宽度是402px。在我们编写代码的时候需要特别注意这一点,不一样的浏览器模型对于宽度的解释是不一样的这就是我对盒模型的看法。

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: