在本人参与的众多项目中，不管是C/S系统，B/S系统，移动应用，还是应用，发现都需要用到CSS盒模型（，针对这个英文的翻译会有所不同，本人觉得盒模型要合适些)；同时发现不管开发语言是C#,等等，也都绕不开这个模型。所以我特意将这个作为产品设计的第1篇来讲解。方法/步骤1针对CSS盒模型的定义，参加的定义；网址是针对第1点，参见下方，若存在一个中的内容是一行字，字体大小是13px。此时存放的部件是长方形，若长方形的高度是13px，则此时字体正好布满长方形。若长方形的高度是6px；则字体的上下都会被截掉一些；若长方形的高度大于13px，则此时会垂直居中显示。以这个具体例子，可以做如下的衍生，若一个中包含了图片，则图片显示的范围取决于图片的高度与的高度的关系。3针对第2点，假设部件的宽度、长度；且里面的元素都保持不变，只变化部件的宽度，则下图清晰地表达了不同边框宽度的影响。4针对第3点和第4点，可以通过下图进行阐述。下图中部件的宽度、长度与边框宽度、以及内部的字体的大小都是一样的，变化的是左边距。注意第2种情况，也就是当左边距为20px，此时元素首先会相对外边的部件偏移20px，然后再来布局本身的位置。但是因为本例中剩余的宽度已经不足以放下的宽度，所以会自动折叠。要特别注意这点，这个是导致很多布局错乱的重要原因。