0，注意，最外层div的父元素就是body元素，经测试，该div假如没有设置了高度，宽度，那就会继承body元素的高度和宽度，注意body元素默认高度是没有的，即0；默认宽度是页面的宽度，可以加border边框进行测试。
1，width：100%； 百分比，设定对象宽度占父元素100%，最外层div的父元素就是body元素，经测试，该div假如没有设置了高度，宽度，那就会继承body元素的高度和宽度，注意body元素默认高度是没有的，即0；默认宽度是页面的宽度，可以加border边框进行测试。
---100%是根据父级元素的高度宽度来决定的，例如父元素浏览器窗口变小了(即body元素变小了)，那么body下的div元素也会变小。因为是百分比，假如body宽度为1000px，那么10%就是100px，假如body宽度为100px，那么10%就是10px。
2，width：50px； 绝对数值
3，width：auto；和不设置width属性一样，auto元素是缺省的宽度，所以两者效果一样。根据对象实际大小自适应宽度。auto元素受子元素撑开影响(即随内容的宽度高度而变化)。
4，使用场合，针对元素A
(1)，A是容器，希望A把它的父容器充满，就是100%。
(2)，A是容器，希望A根据容纳的元素大小变换自己的大小，用auto。
(3)，A不是容器，宽度不知，需要显示完全，用auto。
(4)，A不是容器，宽度不知，可能大于所有容器宽度，希望填满，用100%。
5，存在即为合理，各有用途，或许眼前没用到，不等于它没用。
6，重点：div高度宽度设置为百分比100%和auto的区别？
前者是父元素(例如页面窗口)有多大就多大，例如缩小了浏览器窗口，body下的子div元素(设置的高度宽度为百分比)就会变小，可以用border测试。auto则不会出现这种情况(它会受内部子元素的影响)。