关于CSS中盒子模型与怪异盒子模型的特点及其区别

最新推荐文章于 2023-12-27 10:09:20 发布

Sexy cat

最新推荐文章于 2023-12-27 10:09:20 发布

阅读量678

点赞数

分类专栏： CSS 文章标签： css html

本文链接：https://blog.csdn.net/hou7187/article/details/104325474

版权

本文探讨了CSS中的盒子模型与怪异盒子模型，通过实例展示了两种模型在内容区、边距、边框上的区别。在标准盒子模型中，设置的宽高仅包含内容区，而怪异盒子模型中，设置的宽高则包括内容区、内边距、边框和外边距。

摘要由CSDN通过智能技术生成

今天来探究一下box 盒子模型的问题：
盒子模型是html设计页面时常出现的一个知识，对于不同的盒子模型可以实现不同的功能，来方便我们来做页面的设计。首先我们放置两个div，通过设置两个不同属性的div来观察其属性的变化和探究两个盒子模型的区别。

					****标准盒子模型与怪异盒子模型：****

关于标准盒子模型的实例

.Standard{
   		/*标准盒子*/
				background-color: chartreuse;
				width: 300px;
				height: 300px;
				margin:20px ;
				paddi

关注

专栏目录