我有一个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;
}
| 归档时间： |
|
| 查看次数： |
8317 次 |
| 最近记录： |