Переопределение CSS разделов без абсолютного позиционирования

Question

У меня есть три секции со 100% шириной;

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

Они находятся в этом порядке, потому что страница читается правильно. Однако для целей презентации я хотел бы, чтобы последний раздел был наверху и нажал два других.

Я знаю, что могу поместить это абсолютно, а затем и другие разделы соответственно, но мне было интересно, есть ли лучшее решение для этого, которое позволило бы другим двум разделам быть нажатыми на содержимое в последнем разделе.

Я также не после решения JavaScript.

Answer 1

Нет, нет никакого способа сделать это, не изменяя свой HTML или не используя абсолютное позиционирование. Вы настроили поток документа определенным образом (помещая свой HTML определенным образом), поэтому единственный способ изменить этот поток без изменения HTML - использовать директиву, которая выводит элемент из нормальный поток документов (и только два, которые делают это: absolute и fixed).

Запрет на эти два варианта, единственное, что у вас осталось - это JavaScript, но даже тогда он будет переупорядочивать HTML на лету (сначала помещая ваш последний). Это может работать, если пользовательский агент, который вы хотите поддерживать, помещая его в том порядке, который у вас есть, не использует JavaScript.