auto是随内容的高度而撑开的。100%是根据父级元素的高度来决定的。
例如：

<div style="height:100px;width:200px;">  
   
 <div style="height:auto;width:100px;float:left;">这个容器的高度是随里面的内容的高度而定</div>      
  <div style="height:100%;width:100px;float:right;">这个容器的高度为父级的高度，100px</div> </div>
并且：width:auto总是占据整行。

auto和100%的区别