width:100%和width:auto区别

在div父元素是body时

1.先看没有width限制的div

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

2.width:100%

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

红线区域是我的宽度

</div>

出现了滚动条了

3.width:auto;

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

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