我已经去了一些这样的HTML代码:
<div class="item"> <img src="..."> </div>
和css代码如下:
img { max-width: 100%; height: auto; } .item { width: 120px; height: 120px; height: auto; float: left; margin: 3px; padding: 3px; }
我想做的是使用div的宽度来展现img并展开它的高度.我也希望div伸展本身适合img.那可能吗?
解决方法
你想要的是最小高度和最大高度.
img { max-width: 100%; height: auto; } .item { width: 120px; min-height: 120px; max-height: auto; float: left; margin: 3px; padding: 3px; }