css width:100% 和width:auto的区别

width:100%------------如果设置了margin那新的 width值是容器的宽度加上margin的值。（细心观察）就会发现加了  margin相对应的边就会多出设置的空白。而且会多出横向滚动条因为宽度已经超出了屏幕的范围。(这条相对于父容器是body)

  width：auto------------这其中margin的值已经包含其中了（也就是一整行）如果要设置margin的值那就用一整行然后减去 margin的值就得到了现在的宽度了。减去的这个值就是相应边得空白。显著的特征是这个没有横向滚动条出现也就是宽度没有增加。