div：width—300px,height—300px,border—50px,padding—50px,margin—50px
实际的宽度是：300(width)+50(padding-left)+50(padding-right)+50(border-left)+50(border-right)+50(margin-left)+50(margin-right);
实际高度:300(height)+50(padding-top)+50(padding-bottom)+50(border-top)+50(border-bottom)+50(margin-top)+50(margin-bottom);
文字部分是width*height,文字部分外蓝色部分是padding,红色部分是border,margin部分在图中没显示。
立即学习“前端免费学习笔记（深入）”；
上边示例的代码：
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
