我有一个 div 包裹着图像，如下所示：
<div class="containing-div">
<div class="image-wrapper">
<img src="image.jpg">
</div>
<div class="unrelated-stuff">
Blah blah blah.
</div>
</div>
现在，我期望image-wrapper获取图像的大小，仅此而已。但事实并非如此；相反，它填充到的高度containing-div。 （请参阅此处的实际页面：http://holyworlds.org/new_hw/wallpapers.php http://holyworlds.org/new_hw/wallpapers.php )
我的CSS是：
.image-wrapper{
float: left;
box-shadow: inset 0px 4px 10px black;
background-image: url('image.jpg');
}
.image-wrapper img{
visibility: hidden;
}
.unrelated-stuff{
float: left;
}
现在，如果我没有声明 Doctype，它就可以正常工作。但如果我这样做的话，我所尝试的一切都会失败。
我怎样才能使image-wrapper是仍在使用时图像的大小<!doctype html>?
你有没有尝试过：
.image-wrapper {
display: inline;
}
Or:
.image-wrapper {
display: inline-block;
}
Or:
.image-wrapper {
float: left;
}
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
