盒子模型:
盒子模型,又称框模型 (Box Model)
盒子模型主要的属性:width、height、padding、border、margin;
- width:内容的宽度
- height:内容的高度(不是盒子的宽度、高度)
- padding:内边距
- border:边框
- margin:外边距
例:
<style type="text/css">
div{
width: 200px;
height: 200px;
border: 1px solid red;
padding: 50px;
</style>
标准盒模型与IE盒模型:
标准盒模型:
【标准盒子模型的范围包括margin,border,padding,content,并且content部分不包含其他部分;】
IE盒模型: