如何保持绝对定位img的父div的高度？

Question

<div id="show01"> 
<img src="https://www.google.com/images/srpr/logo4w.png"> 
<img src="https://www.google.com/images/srpr/logo4w.png"> 
<img src="https://www.google.com/images/srpr/logo4w.png"> 
</div> 

<div id="content"></div> 

CSS

#show01{ 
    margin-top:14px; 
    position: relative; 
    height:auto; 
    border:thin solid blue; 
} 
#show01 img { 
    position: absolute; 
    max-width:70%; 
} 
#content{ 
    background:#999; 
    height:45px; 
} 

img必须position:absolute，因为它们受到的jQuery的幻灯片。

但是，在这种情况下，div content会转到页首，因为div #show01没有高度。这只是顶部的一条蓝线。

那么，我怎样才能保持img position:absolute和show01的高度为img里面。

我无法定义div show01以像素为单位的高度，因为保持响应式布局。

小提琴是here

Answer 1

这是半劈（ISH）..但是你可以设置一个边距#show01。

尝试margin-bottom:24%; ..看到这个例子，让我知道这是你的目标。

Example

基本上你将不得不设置等于图像的大小保证金来置换未指定的高度。它似乎当调整浏览器太响应工作..