盒模型
Posted m5397
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了盒模型相关的知识，希望对你有一定的参考价值。
盒子的组成
margin:外边距，与其他盒子的距离
border:边框（默认值3px）
padding:内边距与内容之间的可选距离
背景颜色的渲染区域从border开始
content:内容的宽和高
padding
可以设置4个方向的值 top,right,bottom,left
取两个值：上下，左右
取三个值：上，左右，下
负值无效果，0可以不写PX
ontline:用于布局，不占像素，轮廓，同时设置4边值（测试）
子盒子
边框盒：border,padding,content
背景色的渲染区域就是从边框盒开始
调试时只显示边框盒的尺寸
background-clip:border-box 指定背景的渲染区域
填充盒 padding-box 由padding,content组成
溢出隐藏从下方padding切割
默认情况下，宽高是对内容盒的设定
IE盒模型的宽高=内容盒
box-sizing:设置元素宽高的渲染尺寸 content;默认值 border-box:边框盒
可用于解决页面横向鬼东条的问题
以上是关于盒模型的主要内容，如果未能解决你的问题，请参考以下文章