盒子模型的高度和宽度

盒子的宽度=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。

比如：

css代码：

div{
    width:200px;
    padding:20px;
    border:1px solid red;
    margin:10px;    
}

html代码：

   
文本内容

元素的实际长度为：10px+1px+20px+200px+20px+1px+10px=262px。在chrome浏览器下可查看元素盒模型，