本文详细介绍了前端盒子模型，包括标准盒子模型和怪异盒子模型的区别，以及内边距、外边距的使用。讨论了行内、行内块、块级标签之间的转换，并探讨了如何通过设置display属性来改变元素的显示方式。同时，解释了BFC（块级格式化上下文）的概念及其触发条件，以解决margin重叠和子元素margin影响父元素的问题。
盒子结构
| 属性 | 说明 |
| width |
宽度 |
| height | 高度 |
| overflow | 溢出 属性值：hidden溢出隐藏、scroll溢出加滚动条 |
| padding | 内边距 padding:-10px;（设置一个值表示，上下左右-10px） padding:10px 20px;（设置两个值表示，上下10px，左右20px） padding:10px 11px 12px 13px;（设置四个值表示，上10px，右11px，下12px，左13px） |
| padding-top | 距离上面的内边距 padding-top:90px; |
| padding-bottom | 距离下面的内边距 padding-bottom:90px; |
| paddin-left | 距离左面的内边距 padding-left:90px; |
| padding-right | 距离右面的内边距 padding-right:90px; |
| margin | 外边距 |
最低0.47元/天 解锁文章
8259
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
