width:100%和width:auto区别

在div父元素是body时

1.先看没有width限制的div

<div style="border:1px solid red;  margin-left:50px; margin-right:50px">红线区域是我的宽度</div>

2.100%

<div style="border:1px solid red; 100%; margin-left:50px; margin-right:50px">

红线区域是我的宽度

</div>

出现了滚动条了

3.auto;

<div style="border:1px solid red; auto; margin-left:50px; margin-right:50px">红色区域是我的宽度</div>

这和没width时是一样的  都没有滚动条了