html - 是否可以将容器的高度调整为包含的图像的高度?

标签 html css

我有一个页眉,宽度设置为 100%,因为我希望图像适应浏览器的大小。但是,我想将容器的高度调整为图像的高度,以便完整地看到图像。

我在我的 CSS 文件中使用这段代码:

background-image: url('http://...');
background-size:100% auto;
background-repeat:no-repeat;

我在高度中使用自动尺寸以尊重图像的比例。

我知道通常内容会根据容器的大小进行调整,但在高度的情况下,我想根据包含的元素调整容器的高度。可能吗?

非常感谢。

最佳答案

免责声明:This meta post

只需在您的 div 中添加一个图像元素 - 默认情况下,div 将采用 img 的高度

FIDDLE

<div>
    <img src="http://placehold.it/350x150" alt="" />
</div>

关于html - 是否可以将容器的高度调整为包含的图像的高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21404705/

相关文章:

html - 图片跳出div

html - 带有背景图像的 thead 和 tfoot 中的边界半径

html - 如何将背景颜色固定为标题?

css - 显示:none is set for nested ul时div消失

css - 在另一个上缩放 CSS3 <li> 元素

html - 如何在缩放的 SVG 中将屏幕坐标转换为文档空间?

javascript - 是否可以在 html 中声明 Javascript 函数变量?

javascript - 在 for 循环中更改 SVG 行的 strokeDashoffset

javascript - CSS,Jquery - 绝对定位的 div 的宽度返回为 0

jquery - 仅在一个 div 顶部的粘性部分