css - 绝对元素不会显示

Question

我在主 div 中有一个 div 元素，我想将图像标签放入其中。问题是，当我将图像定位为绝对图像时，图像没有显示，并且容器 div 没有占用主 div 上的任何空间。但是当我删除位置时:绝对图像显示得很好。任何帮助如何在不删除位置的情况下显示它:绝对？

代码是这样的:

<div id="main">
  <div id="image_wrapper">
    <img style="width:100%; position:absolute; top:0px; left:0px;" src="image.png" />
  </div>
</div>

Answer 1

html

<div id="main">
  <div id="image_wrapper">
    <img src="image.png" />
  </div>
</div>

CSS

#image_wrapper {
position:relative;
}

#image_wrapper img {
  width:100%; 
  position:absolute; 
  top:0px; left:0px;
}

试试这个也许有帮助....