我有一个围绕图像的 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 )我的 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;
}
或者:
.image-wrapper {
display: inline-block;
}
或者:
.image-wrapper {
float: left;
}