CSS Min yükseklikteki kapsayıcının% 100 yükseklik

Question

Bir öğenin kapsayıcısının yüksekliğinin% 100'ünü kaptırmaya çalıştığım bir durum var - ve kap elemanında yalnızca min yükseklik belirtildi. Ne yazık ki, bunu yaptığımda, yükseklik yönergesi dikkate alınmaz. Here is an example. Kırmızı olan "b" div, tüm ebeveyni doldurmalıdır. IE7, Chrome veya FF3.6'da değil.

Konteynere "yükseklik: 1 piksel" eklediysem, "a" div, sonra "b", "a" yüksekliğinin tamamına kadar uzatılır. See here. Ancak bu yalnızca FF3.6 ve IE7’de, Chrome’da değil. Yani sanırım burada yanlış bir şey yapıyorum.

Bunun, yaygın olarak görmediğim bir çözüm olması gerektiğini düşünüyorum. Bu durumda streç-yüksekliğe ulaşmanın en iyi yolu nedir?

Answer 1

CSS'niz, alt öğenin boyunun üst öğenin belirtilen yüksekliğinin% 100'ü olduğu anlamına gelir. Ebeveyn için bir yükseklik belirtmezseniz,% 100 hiçbir şey ifade etmez. Dolayısıyla işe yaramıyor.

Ne çocuğun ebeveyni üzerindeki position:relative ve position:absolute kullanılarak elde edilebilir istiyorum:

http://jsfiddle.net/57EZn/25/

Bu güzel bir çözüm değil ama sonra ne yapar.