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总是占据整行。
原文：http://www.cnblogs.com/sky8-/p/4041747.html