0

我有这样一个div：

<div class="game_img_div">
<a href="./play.php?game=free-kick-fusion">
<img class="gamethumb" src= " ./images/thumbs/free-kick-fusion.jpg">
</img>
</a>
</div><!--game_img_div-->

并且 .CSS 只包含

img.gamethumb
{
height:6em;
}

所以图片根据它的纵横比调整大小，比如它有尺寸（6em，Yem）。我希望“.game_img_div”也有尺寸（6em，Yem）。

我该怎么做？谢谢 ！

4

4 回答 4

2 
img.gamethumb {
    height:6em;
}
div.game_img_div {
    float:left;
}
于 2013-02-15T13:28:23.273 回答
2

更改容器 div 的显示类型：

.game_img_div {
    display: inline-block; /* `display: table` also works */
}

http://jsfiddle.net/S8GK4/

于 2013-02-15T13:28:56.667 回答
0

这会成功的。

.game_img_div { float:left; }
img.gamethumb { float:left; }

http://jsfiddle.net/95ZUw/

于 2013-02-15T13:26:40.110 回答
0

尝试CSS：

div.game_img_div {width:auto; display:block; position:relative}
img.gamethumb {height: 6em; max-width:100%;}

和它没有的 img 标签</ img>

于 2013-02-15T13:28:59.867 回答