这篇“CSS布局之盒子模型属性有哪些”文章，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要参考一下，对于“CSS布局之盒子模型属性有哪些”，小编整理了以下知识点，请大家跟着小编的步伐一步一步的慢慢理解，接下来就让我们进入主题吧。
css是一种用来表现HTML或XML等文件样式的计算机语言，主要是用来设计网页的样式，使网页更加美化。它也是一种定义样式结构如字体、颜色、位置等的语言，并且css样式可以直接存储于HTML网页或者单独的样式单文件中，而样式规则的优先级由css根据这个层次结构决定，从而实现级联效果，发展至今，css不仅能装饰网页，也可以配合各种脚本对于网页进行格式化。
这次给大家带来CSS布局之盒子模型属性，CSS布局的盒子模型属性的注意事项有哪些
宽高width/height
在CSS中，可以对任何块级元素设置显式高度。
如果指定高度大于显示内容所需高度，多余的高度会产生一个视觉效果，就好像有额外的内边距一样；
如果指定高度小于显示内容所需高度，取决于overflow属性，需要滚动条需要设置为overflow:auto。
auto
宽高和margin可以设置auto。对于块级元素来说，宽度设置为auto，则会尽可能的宽。详细来说，元素宽度=包含块宽度—元素水平外边距-元素水平边距宽度-元素水平内边距；
高度设置为auto，则会尽可能的窄。详细来说，元素高度=恰好足以包含其内联内容的高度
[注意]如果没有显式声明包含块的height，则元素的百分数高度会重置为auto
【大最小宽高】
min-width | min-height
初始值: 0
应用于: 块级元素和替换元素
百分数: 相对于包含块的宽度(高度)
max-width | max-heightt
初始值: none
应用于: 块级元素和替换元素
百分数: 相对于包含块的宽度(高度)
[注意]当最小宽度(高度)大于大宽度(高度)时，以最小宽高的值为准
内边距padding
相比于盒模型的其他属性(如在定位中经常使用负值的margin)，padding显得中规中矩了很多，没有什么兼容性，也没有一些特殊的问题
对于行内元素，左内边距应用到元素的开始处，右内边距应用到元素的结尾处，垂直内边距不影响行高，但会影响自身尺寸，加背景颜色可以看出
[注意]内边距不能是负值
padding
初始值: 未定义
百分数: 相对于包含块的width
【50%】
块级元素通过padding:50%可以实现正方形的效果，因为水平和垂直padding的百分比值都是相对于包含块的宽度决定的，常常用于移动端头图
外边距margin
设置外边距margin会在元素外创建额外的空白，空白通常指不能放其他元素的区域，而且在这个区域中可以看到父元素的背景
margin
初始值: 未定义
应用于: 所有元素
百分数: 相对于包含块的width
[注意]对于普通元素来说，包含块就是块级父级元素，对于定位元素来说，包含块是定位父级。所以，普通元素的margin百分比相对于块级父级元素的width，定位元素的margin百分比相对于定位父级的width
margin可以设置为负值，margin和宽高支持auto，以及margin具有非常奇怪的重叠特性。
介绍外边距margin的几个重点部分，包括重叠、auto和无效情况
1.重叠
【前提】
margin重叠又叫margin合并，发生这种情况有两个前提
1、只发生在block元素上(不包括float、absolute、inline-block元素)
2、只发生在垂直方向上(不考虑writing-mode)
【分类】
margin重叠的情况
1、相邻的兄弟元素
兄弟一
兄弟二
2、父级元素和第一个或最后一个子元素，父子级的margin重叠又叫margin传递
重庆分公司
重庆分公司
