据我所知，如果没有 javascript，这是不可能的。我在父 div 中有一系列图像。这些图像几乎仅限于一种尺寸。我希望父 div 随图像展开或缩小。现在它切断了图像——我想是因为溢出:隐藏；
如果你用 firebug 查看，这是 ID:
<div id="zt-container" class="zt-container">
<http://www.zakweinberg.com/imagezoomtour>
我已经尝试了百分比并删除了高度 div。
CSS 是最好的。如果没有，我愿意使用 javascript。
感谢任何帮助。
最佳答案
因为您的 img.zt-current 元素是 position:absolute，所以您的 .zt-item div 的高度为 0。最重要的是，.zt-container div 上有 height: 450px。如果取消图像上的绝对定位和容器上的固定高度，容器将扩展以适合图像。问题是当图像进行动画转换时它会扩展以显示图像，而这可能是您不希望看到的。
如果您想保持动画过渡，您可能必须使用 javascript 更改 .zt-container div 的高度。获取图像的高度，并用它来设置容器的高度。像这样的东西:
$('.zt-container').animate({
height: $('img.zt-current').height()
});
这看起来与您想要的相似:http://css-tricks.com/snippets/jquery/animate-heightwidth-to-auto/
关于javascript - 围绕子元素展开 div(无包装)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11534716/