3

はい、絶対位置では機能しないことはわかっていますが、要素の後ろではなく「下」(コードの後) に要素を表示する方法はありますか?

例：

<img src="image.jpg" style="width: 500px; height: 400px; position: absolute; top: 0;" /> 
<h2 style="padding: 15px" >This text is behind not below the image</h2>

絶対に配置する以外に、画像の下に h2 を表示する方法はありますか?

例：

http://jsfiddle.net/fDGHU/1/

(はい、私の場合は絶対を使用する必要があり、以下の動的なマージン付きコンテンツを使用する必要があり、迷っています:D)

4

4 に答える 4

2

h2の場合：

画像の高さに等しい上マージンを指定します。

例えば。

img {
    position: absolute;
    top: 0;
}

h2 {
    margin-top: 400px;
    padding: 40px;
}
于 2011-02-15T21:46:39.803 に答える
2

あなたが求めていることを行うことができた唯一の方法は、のtopプロパティを設定することですh2。別名、画像の後にテキストを配置します。フィドル。

PS:position:block存在しません。absolute、、、およびのみ。relative_staticfixed

于 2011-02-15T21:39:55.207 に答える
1

シンプルで、 position absolute を削除するだけです。(テスト済み) オブジェクトが定義されていない場合、自動的に隣のオブジェクトの右または下に移動します

于 2011-02-16T00:38:43.240 に答える