Limit Çocuk DIV Yükseklik - Değişken Kardeşli DIV Yüksekliği

Question

Belirtilen bir yüksekliğe sahip bir kapsayıcım var <div> ve içerdiği iki farklı DIV, açık olan (istemci tarafından girilen) giriş kopyası ve diğer çeşitli özellikler.

özelliklerinin, ebeveyndeki kalan boşluğu otomatik olarak doldurmasını ve ardından taşması dışarı kaydırmasını istiyorum.

Bunu nasıl yaparım?

CSS:

#article { 
    width:940px; 
    height:500px 
} 

#article-content { 
    margin: 20px 0; 
} 

#article-features { 
    height:100%; 
    overflow-x: auto; 
} 

jsFiddle

Answer 1

dinamik alt yüksekliğini değiştirmek için javascript güvenmek yerine başka HTML4 ile yapmak Hiçbir şekilde hesaplama dayalı div (parent_height - sibling_height).

Buna bakmak olabilir: CSS HTML - DIV height fill remaining space

HTML5 ile kalan alanı kullanmak üzere flexbox'a kullanabilir. Bazı sınırlamalar olduğunu unutmayın, ancak gereksinimlerinizi karşılayabilir. http://caniuse.com/#feat=flexbox'a bakın.