0

メインの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>
4

2 に答える 2

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;
}

これを試してみてください....

于 2013-03-01T06:24:14.333 に答える
0

要素を配置するように設定すると、その要素absoluteはドキュメントのフローから削除されます。この場合、コンテナの<div>内部に「何もない」ため、高さがゼロになることを意味します。

position:relativeまた、絶対要素の原点を提供するために、ほとんどの場合、包含要素を指定する必要があることに注意してください。

ただし、主な問題は、コンテナの高さが不足していることです。これを修正すると、画像が表示されます。

そうでない場合は、画像の高さも指定してみてください。

于 2013-03-01T00:57:55.760 に答える