2011-09-07 2 views
6

絶対位置の要素があり、それを左に変更すると、上の位置が親の子要素にリフローされますか?左右の軸で絶対的な位置付けがされているので影響を受けていなければ、それは自分の子供ですか?要素の位置が絶対的な場合、ブラウザのレンダリングはリフローされますか?

要素の幅と高さは変更しますが、親要素とその子要素で重要性はありませんか?

答えて

11

絶対位置のオブジェクトは、ページのレイアウトには影響しません。このページは絶対配置オブジェクトに関係なくレイアウトされています。絶対配置されたオブジェクトを移動しても、他のオブジェクトのリフローは発生しません。

絶対位置を指定してオブジェクトを移動すると、そのオブジェクトも一緒に移動します。それは彼らをリフローさせません、彼らはちょうど彼らの親コンテナと一緒に移動します。

+1

ありがとうございます!それは知っているのに完璧です。このルールはIE6とIE7 +に適用されますか? –

+0

すべてのブラウザに適用されます。絶対配置がどのように機能するかです。 – jfriend00

+2

ブラウザのリフロー動作は非常に驚くかもしれません(特にIE)ので、私はcurtレスポンスが呼び出されていないと思います。例については、http://www.phpied.com/the-new-game-show-will-it-reflow/を参照してください。(表示:なし)の不自然さに注意してください。 –

2

絶対位置の要素の場合、ドキュメントのフローに影響しないはずですので、位置の変更はページのdomツリーのリフロー(再レイアウト)につながるべきではありませんが、Chrome DevToolsでthis simple caseをテストすると、非常に短時間で再レイアウト(文書全体)を引き起こします。おそらくレンダリングエンジンはそれを特別なケースとして扱わなかったでしょう。

+0

このバグは報告されていますか?絶対的な要素のように見えるは、先祖のリフローを引き起こしてはいけません。絶対要素を追加/削除するときもこれを見てきました。 – aleclarson

関連する問題