我有一个页眉,宽度设置为 100%,因为我希望图像适应浏览器的大小。但是,我想将容器的高度调整为图像的高度,以便完整地看到图像。
我在我的 CSS 文件中使用这段代码:
background-image: url('http://...');
background-size:100% auto;
background-repeat:no-repeat;
我在高度中使用自动尺寸以尊重图像的比例。
我知道通常内容会根据容器的大小进行调整,但在高度的情况下,我想根据包含的元素调整容器的高度。可能吗?
非常感谢。
最佳答案
免责声明:This meta post
只需在您的 div 中添加一个图像元素 - 默认情况下,div 将采用 img 的高度
<div>
<img src="http://placehold.it/350x150" alt="" />
</div>
关于html - 是否可以将容器的高度调整为包含的图像的高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21404705/