Учитывая шаблон, в котором HTML нельзя изменить из-за других требований, как можно отображать (переупорядочивать) a div
выше другого div
, если они не находятся в этом порядке в HTML? Оба div
содержат данные, которые различаются по высоте и ширине.
<div id="wrapper">
<div id="firstDiv">
Content to be below in this situation
</div>
<div id="secondDiv">
Content to be above in this situation
</div>
</div>
Other elements
Надеемся, что желаемый результат:
Content to be above in this situation
Content to be below in this situation
Other elements
Когда размеры фиксированы, легко разместить их там, где это необходимо, но мне нужны некоторые идеи, когда содержимое является переменным. Ради этого сценария, пожалуйста, просто оцените, что ширина равна 100% на обоих.
Я специально ищу решение только для CSS (и, вероятно, его придется встретить с другими решениями, если это не закончится).
После этого есть другие элементы. Хорошее предложение было упомянуто, учитывая ограниченный сценарий, который я продемонстрировал - учитывая, что это может быть лучший ответ, но я также хочу убедиться, что элементы, следующие за этим, не пострадали.