div块根据内容自适应大小min-width,max-width

<!-- css -->
.autoWidth{
　　min-width:40px;
　　max-width:400px;
}

<!-- html -->  
<div class="autoWidth"> 　　 
　　*************  
</div> 

以上代码无法实现根据内容自适应宽度。查了各种资料无果，后来发现css要写成下面这样才OK

.autoWidth{
　　min-width:40px;
　　max-width:400px;
　　float:left;
}

这样便可以实现自适应大小。

突然觉得自己傻逼了。div为块级元素，默认长度为全行。设置min-width并不会起效果，因为div的默认长度不会小于min-width.

设置float:left是将该非替换元素宽度的计算方式设置为shrink-to-fit 即 收缩至合适，这样宽度就由内容决定。于是能够实现自适应宽度。