而根据元素的特效，其盒模型的特效也不同，下面是一些总结：
1.块级元素（区块）
所谓块级元素，就是能够设置元素尺寸、有隔离其他元素功能的元素、比如
、
等分组元素
2.行内元素（内联）
所谓行内元素，是不能够设置元素尺寸的，它只能自适应内容、无法隔离其他元素，其他元素会紧跟其后。比如 、等文本元素。
3.行内-块元素（内联块）
所谓行内-块元素，可以设置元素尺寸，但无法隔离其他元素。比如 。
4.隐藏元素
设置了隐藏属性的元素。
明白了这些分离以后，就可以进行相应的属性的学习了，其实这些属性可以看成是对盒子的操作。
一．元素尺寸
元素尺寸的设置，说白了就是对盒子大小的设置，按照上面的分类的解释，对行内元素无效，有以下的属性可用：
属性 值 说明 CSS 版本 width auto、长度值或百分比 设置元素的宽度 1 height auto、长度值或百分比 设置元素的高度 1 min-width auto、长度值或百分比 设置元素最小宽度 2 min-height auto、长度值或百分比 设置元素最小高度 2 max-width auto、长度值或百分比 设置元素最大宽度 2 max-height auto、长度值或百分比 设置元素最大高度 2
div { width: 200px; height: 200px;}
解释：设置元素的固定尺寸。
div { min-width: 100px; min-height: 100px; max-width: 300px; max-height: 300px;}
解释：这一组主要是应对可能动态产生元素尺寸变大变小的问题，从而限制它最大和最小的值。
div { width: auto; height: auto; }
解释：auto 是默认值（），width 在 auto 下是 100%的值；height 在 auto 下是自适应。
scolia
查看更多关于7.css盒模型_html/css_WEB-ITnose的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did112303