1

親要素の下部など、(親要素に対して)絶対的な要素を配置するcssの方法はありますが、ドキュメントフローに残っていますか?

例）要素の上に相対的に配置された要素は、より高い高さを取得することにより、「絶対」要素を下に押しながら、相対的な要素が絶対要素に「接触」するときにコンテナ要素の高さも増加しますが、一方で「 「タッチ」がない場合、絶対的な「要素の位置とコンテナ要素の高さは変わりませんか?

それとも、これは不可能なタスクであり、javascript でのみ実行できますか?

4

1 に答える 1

2

強制すると、親を基準にして絶対divを配置できます

position: relative;

親divに。それ以外の場合、absoluteはドキュメントに対して相対的な位置になります。

<div style="position:relative;">
    <div style="position:absolute; top:10px; right:10px;">
         ................
    </div>
</div>

これには必要なストレッチ効果はありませんが、説明している種類のブロック動作が必要な場合は、フローティングとマージンの適用の何が問題になっていますか？

<div style="position:relative;">
    <div style="float: right; margin-top:10px; margin-right:10px;">
         ................
    </div>
    <div>text</div>
</div>

親divを正しくクリアする限り、上記のdivの浮動コンテンツまたは通常のコンテンツのいずれかが親要素の高さを決定できます。

下への配置も必要な場合は、ディスプレイを調べることができます：オプションとしてテーブルセル（IE7では機能しません）

于 2012-10-25T16:50:15.937 に答える