如何调整div高度以匹配其中的图像高度

Question

使用Javascript如何设置div高度以自动匹配在响应视图中查看时设置为宽度100％的图像高度？

Answer 1

你需要一点css：

div.imageContainer {
  overflow:auto;
}

确保div上没有设置高度，并确保图像没有完全位于div中。你不需要javascript。

Answer 2

这是我的代码：

<div class="banner">

<ul>
<li><img src="resources/images/header1.jpg" style="width:100%;"></li>
<li><img src="resources/images/header2.jpg" style="width:100%;"></li>
<li><img src="resources/images/header3.jpg" style="width:100%;"></li>
</ul>

</div>

基本上横幅div的尺寸不会缩小以匹配图像的高度，因为它变小了很多，再次感谢您的所有帮助

Answer 3

我建议尝试两件事：

1）根据他们的网站unslider，unlider lib应根据您的身高自动调整。

2）您是否设置了图像高度：height: 100%？

还尝试在图像上设置'float'属性，即float: left。你会惊讶地发现这些东西有多大帮助。