Belirli bir şablon HTML üzerlerinde değişiklik yapılamaz, çünkü diğer şartlar, bu nasıl mümkün display (yeniden düzenlemek) div Yukarıda başka div zaman oldukları sırada HTML? Her iki divs yükseklik ve genişlik değişen verileri içerir.

HTML:

<div id="wrapper">< / ^ br . <div id="firstDiv">< / ^ br .
İçerik bu durumda altında< / ^ br . </div>
<div id="secondDiv">< / ^ br . İçerik bu durumda yukarıda olmak< / ^ br . </div>< / ^ br . </div>< / ^ br . Diğer unsurlar

Umarım istenilen sonucu olduğu açıktır:

Bu içerik üzerinde durum< / ^ br . Aşağıda İçerik bu durum< / ^ br . Diğer unsurlar

Boyutları, kolay gerektiğinde onları konumlandırmak için sabit, ama içeriği değişken olduğu için bazı fikirlere ihtiyacım var. Bu senaryo hatırı için, lütfen genişliğini de 0 olarak düşünün.

Edit: CSS BİR çözüm en ideal çözümdür. Javascript seçenekleri söz için teşekkür ederim. Olmadan çok uzunlar hakkında ne olduğunu, neden olduğunu (ya da kim) ... ben özel bir CSS tek çözüm (ve muhtemelen karşılanması ile diğer çözümleri ise yok sonuç).

Bir tane daha ... bu aşağıdaki diğer unsurlar da var. Güzel bir öneri en iyi cevap olabilir göz önüne alındığında -- sergilediğimi sınırlı senaryo göz önüne alındığında söz edildi, ama aynı zamanda bu unsurları aşağıdaki gömülü olmadığından emin olmak için arıyorum.

solution bu değişken içeriği ile sadece CSS ve çalışır kullanır

#wrapper   { display: table; }
#firstDiv  { display: table-footer-group; }
#secondDiv { display: table-header-group; }