0

幅が 100% の 3 つのセクションがあります。

<section>
    <h1>section 1</h1>
</section>
<section>
    <h1>section 2</h1>
</section>
<section>
    <h1>section 3</h1>
</section>

ページはこのように正しく読み取れるため、この順序になっています。ただし、プレゼンテーションの目的で、最後のセクションを一番上にして、他の 2 つのセクションを下に移動したいと思います。

これを絶対に配置して、それに応じて他のセクションを配置できることはわかっていますが、最後のセクションのコンテンツによって他の 2 つのセクションを押し下げることができる、より良い解決策があるかどうか疑問に思っていました.

また、これに対する JavaScript ソリューションも求めていません。

4

1 に答える 1

2

いいえ、HTML を変更するか、絶対配置を使用しない限り、これを行う方法はありません。(HTML を特定の方法で配置することによって) ドキュメントのフローを特定の方法で設定したため、HTML を変更せずにそのフローを変更できる唯一の方法は、要素を削除するディレクティブを使用することです。通常の文書の流れ (そして、それを行うのは と の 2 つだけですabsolute) fixed。

これらの 2 つのオプションを除けば、残っているのは JavaScript だけですが、それでも、HTML をその場で並べ替える (最後のものを最初に置く) ことになります。これは、サポートしようとしているユーザー エージェントが JavaScript を使用しない限り、機能します。

于 2013-07-29T15:01:17.970 に答える