下载文档原格式
盒⼦模型详解盒⼦模型盒⼦模型，英⽂即box model。
⽆论是div、span、还是a都是盒⼦。
但是，图⽚、表单元素⼀律看作是⽂本，它们并不是盒⼦。
这个很好理解，⽐如说，⼀张图⽚⾥并不能放东西，它⾃⼰就是⾃⼰的内容。
⼀个盒⼦中主要的属性就5个：width、height、padding、border、margin。
如下：width和height：内容的宽度、⾼度（不是盒⼦的宽度、⾼度）。
padding：内边距。
border：边框。
margin：外边距。
盒⼦模型的⽰意图：代码演⽰：上⾯这个盒⼦，width:200px; height:200px; 但是真实占有的宽⾼是302*302。
这是因为还要加上padding、border。
注意：宽度和真实占有宽度，不是⼀个概念！来看下⾯这例⼦。
我们⽬前所学习的知识中，以标准盒⼦模型为准。
标准盒⼦模型：IE盒⼦模型：上图显⽰：在 CSS 盒⼦模型 (Box Model) 规定了元素处理元素的⼏种⽅式：width和height：内容的宽度、⾼度（不是盒⼦的宽度、⾼度）。
padding：内边距。
border：边框。
margin：外边距。
CSS盒模型和IE盒模型的区别：在标准盒⼦模型中，width 和 height 指的是内容区域的宽度和⾼度。
增加内边距、边框和外边距不会影响内容区域的尺⼨，但是会增加元素框的总尺⼨。
IE盒⼦模型中，width 和 height 指的是内容区域+border+padding的宽度和⾼度。
注：Android中也有margin和padding的概念，意思是差不多的，如果你会⼀点Android，应该⽐较好理解吧。
区别在于，Android中没有border这个东西，⽽且在Android中，margin并不是控件的⼀部分，我觉得这样做更合理⼀些，呵呵。
<body>标签有必要强调⼀下。
很多⼈以为<body>标签占据的是整个页⾯的全部区域，其实是错误的，正确的理解是这样的：整个⽹页最⼤的盒⼦是<document>，即浏览器。
常见箱型展开图及纸板计算公式〈仅供参考〉目录1、半翼箱展开图〈0200〉2、普通箱型展开图〈0201〉3、全翼箱型展开图〈0203〉4、天盒箱型展开图〈0300〉5、地盒箱型展开图〈0301〉6、包式箱型展开图〈0410〉7、包盒箱型展开图〈0411〉8、围板展开图〈0501〉9、火柴盒展开图〈0503〉10、双扣盒展开图〈0504〉11、单扣盒展开图〈0511〉12、异形包盒箱型展开图〈1000〉明达用注：纸箱长、宽、高分别用L、B、H表示，摇盖系数用F表示；单位：mm半翼箱展开图〈0200〉注意瓦向普通箱型展开图〈0201-1〉逆瓦注意瓦向1/2B+F1/2B+F L B L幅宽=（1/2B+1）+H+（1/2B+1）（单瓦）（1/2B+1）+H+（1/2B+2）（双瓦）长度=（L+B）x2+30 （单瓦）（L+B）x2+35 （双瓦）全翼箱型展开图〈0203〉注意瓦向纸板规格：幅宽=B+H+B长度=（L+B）x2+30（单瓦）（L+B）x2+35（双瓦）单位：mmBHB L LB B单价：mmH全翼箱型展开图〈0203-1〉 逆瓦 注意瓦向纸板规格： 幅宽=L+B x2+5 长度=B +H 单位：mm天盒箱型展开图〈0300〉 注意瓦向H B H幅宽=H ＋B ＋H 长度=H ＋L ＋H 单位：mm天盒箱型展开图〈0300-1〉 开槽在宽度 注意瓦向HB HB L LBBBH幅宽=H＋B＋H长度=H＋L＋H单位：mm地盒箱型展开图〈0301〉注意瓦向HH纸板规格：幅宽=H+B+H长度=H+L+H单位：mm地盒箱型展开图〈0301-1〉开槽在长度注意瓦向HBHBH纸板规格： 幅宽=H ＋B ＋H 长度=H ＋L ＋H 单位：mm包式箱展开图〈0410〉 注意瓦向 H B H B H L H纸板规格： 幅宽=H+B+H+B+H 长度=H+L+H 单位：mm包盒箱〈0411〉1/2BHB H 1/2B 注意瓦向L H纸板规格：幅宽=1/2B+H+B+H+1/2B 长度=H+L+H 单位：mm包盒箱〈0411-1〉L H纸板规格： 幅宽= H+L+H长度=1/2B+H+B+H+1/2B 单位：mm围板展开图〈0501〉 注意瓦向H L 1/2BHB H 1/2B 注意瓦向纸板规格：幅宽=H长度=30（单瓦）+L+B+L+B 35（双瓦）+L+B+L+B 单位：mm围板展开图〈0501-1〉钉条在宽度注意瓦向HL 纸板规格： 幅宽=H长度=30（单瓦）+L+B+L+B 35（双瓦）+L+B+L+B 单位：mm火柴盒展开图〈0503〉 注意瓦向 L长度= L 单位：mm双扣盒展开图〈0504〉 （身和条展开图需分开打印） 双扣盒身展开图〈0504-1〉 注意瓦向3535身 H长度=35+ B+L+B+35双扣盒条展开图〈0504-2〉 注意瓦向50 50 条 L 单扣盒展开图〈0511〉 （身和条展开图需分开打印） 单扣盒身展开图〈0511-1〉 注意瓦向身 H35 35 纸板规格： 身：幅宽=H 长度=35+B+L+B+35注意瓦向条长度=L 单位mm异形包盒箱型展开图〈1000〉 注意瓦向LH BH。
1.纸盒尺寸标注的三种类型。
（1）制造尺寸。
纸盒的加工制造尺寸，标注在结构设计展开图（工作图)上，可用X表示，直角六面体纸盒、纸箱的内尺寸用L*W*D 表示（如图3-17）。
图3-17 常规纸盒展开图绘制长宽高（2）内尺寸。
纸盒成型后构成内部空间的尺寸，直角六面体纸盒、纸箱的内尺寸可用X1或L1*B1*H1用表示。
内尺寸一般由包装物的数量、形状、大小，或内包装的形式、大小决定的，是纸容器结构设计的重要依据。
在包装盒设计过程中，制造尺寸要依据内尺寸计算确定，以保证按照制造尺寸加工的容器，成型后满足内尺寸，即容积量的要求。
（3）外尺寸。
纸盒成型后构成的外部最大空间尺寸，反映容器所占空间体积的大小。
如直角六面体的纸盒外尺寸可用X0或L0XB0XH0。
外尺寸是外包装、运输包装及储运、堆码及货架的设计依据（如图3-18）。
图18图192.纸盒设计图标注方法。
（1）纸盒设计图的尺寸线、尺寸界线、尺寸数字的线型、画法、标注方法与国家机械制图标准一致，尺寸界线从裁切线或中心线（或槽中心线）引出，也可把裁切线、中心线当做尺寸界线标注。
（2）印刷文字、图案以稿样为准，在设计图上不必画出，只需按比例标出尺寸范围，、用点划线画出，并在技术要求中注明印刷涂油的要求即可。
（3）立体图样应标注内尺寸，如需标注外尺寸，应在尺寸前加注“外”字。
（4）纸板名称、规格、厚度可在技术要求中提出。
3.管型折叠纸盒的结构与尺寸规范。
（1）粘贴翼倒角角度：10*15。
（2）切缝锁合/封口主摇翼宽度缩减量：一般为0.80mm或纸板厚度。
（3）切缝锁合/插舌翼片缩进量：一般为0.8mm或纸板厚度。
（4）切缝锁合/防尘翼（封口副翼）肩：根据纸盒尺寸和I或纸板厚度而变化。
（5）切缝锁合/主防尘翼（封口副翼）角度：一般为45（6）切缝锁合/次防尘翼（封口副翼）角度：一般为15。
（7）防尘翼（封口副翼）缩进量：一般为…8111111或纸板厚度。
（8）摩檫锁合/插舌翼肩：根据纸盒尺寸和或纸板厚度而变化。
