理解CSS中的width

width表示的就是这个元素内容的宽度，假如设置一个div的width为300，那么类似下面

<div class = 'demo'>  abcdefg </div>

.demo {

width : 300px;

margin : 50px;

padding : 30px;

border : 10px;

}

那么这一整个div在页面中所占据的宽度为 300（width）+30（padding）2+10（border）2+ 50（margin）*2 = 480 px

其中'abcdefg'内容所占据的宽度为width