Her bir değişken genişlik; iki sütun div bir düzen istiyorum

<div style="float:left">Tree</div>
<div style="float:left">View</div>

'Görünüm' bütün genişliği 'ağaç' div gerekli alanı doldurdu.sonra kullanılabilir genişletmek div istiyorum Şu anda benim' div içerdiği içerik için yeniden boyutlandırıldığında 'görünüm Ayrıca eğer her iki divs tüm yükseklik götürsem iyi olacak

Yasal Uyarı yinelenen değil:

Expand div to max width when float:left is set sol yok, çünkü sabit bir genişlik vardır

Help with div - make div fit the remaining width hem sola dayalı iki sütun ihtiyacım var çünkü

Bu çözüm aslında çok kolay, ama değiltümaçık. "Bağlam" (BFC), belirli bir şekilde yüzer ile etkileşir. blok biçimlendirme " adı verilen bir şey tetiklemek için var

Bu ikinci div al, kaydır kaldırmak, ve overflow:hidden yerine ver. Herhangi bir taşma değeri görünür başka bir BFC hale üzerinde belirlenmiş blok yapar. BFCs soyundan onları kaçmak için yüzer izin verme, ne de onları rahatsız ettiğim için/ata yüzer kardeş izin veriyorlar. Net etkisi burada div şey yapacak süzülüyor, sonra ikinci div sıradan bir blok, mevcut tüm genişliği kadar çekici olacaktırbu şamandıra tarafından işgal hariç.

Bu IE6 ve 7 hasLayout tetikleyici olabilir ama tüm güncel tarayıcılarda çalışması gerekir. Hatırlamıyorum.

Demolar:

• Sabit: http://jsfiddle.net/A8zLY/5/
• Sabit Değil: http://jsfiddle.net/A8zLY/2/