为什么会分为普通盒模型和怪异盒模型
时间: 2024-05-24 07:13:05 浏览: 20
普通盒模型和怪异盒模型是由于不同浏览器的实现方式不同而产生的。
在CSS2之前,浏览器采用的是普通盒模型,即元素的宽度和高度只包括内容区域,不包括边框和内边距。而在CSS2之后,W3C推出了标准盒模型,即元素的宽度和高度包括内容区域、内边距、边框以及外边距。然而,由于IE6及更早的版本采用的是普通盒模型,而其他浏览器则采用标准盒模型,因此在开发过程中需要对不同浏览器进行兼容处理。
怪异盒模型则是由于IE浏览器在解析CSS的时候出现了一些问题,导致元素的盒模型计算方式与普通盒模型和标准盒模型不同,即元素的宽度和高度包括内容区域、内边距和边框,但不包括外边距。因此,为了避免这种问题,开发者需要在CSS中设置box-sizing属性来指定使用哪种盒模型。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)