2012-07-31 17 views
5

के साथ अभिभावक डीआईवी ऊंचाई तक सीमित बाल डीआईवी ऊंचाई मेरे पास एक निर्दिष्ट ऊंचाई के साथ एक कंटेनर <div> है, और इसमें दो और डीआईवी हैं, प्रारंभिक प्रतिलिपि के लिए जो अलग-अलग (क्लाइंट द्वारा दर्ज की गई), और दूसरी सूची में विभिन्न सुविधाओं के बाहर।वैरिएबल सिब्लिंग

मैं माता-पिता में शेष स्थान को स्वचालित रूप से भरने के लिए <div> सुविधाओं को चाहता हूं, और फिर ओवरफ़्लो को स्क्रॉल करें।

मैं यह कैसे कर सकता हूं?

सीएसएस:

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

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

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

jsFiddle

उत्तर

3

कोई रास्ता नहीं HTML4 गतिशील तल की ऊंचाई बदलने के लिए जावास्क्रिप्ट पर निर्भर के अलावा अन्य के साथ यह करने के लिए पर गणना आधारित div (parent_height - sibling_height)।

आप इसे देखो हो सकता है: CSS HTML - DIV height fill remaining space

एचटीएमएल 5 के साथ आप शेष स्थान का प्रयोग करने के लिए flexbox उपयोग कर सकते हैं। ध्यान दें कि कुछ सीमाएं हैं लेकिन यह आपकी आवश्यकताओं का उत्तर दे सकती है। http://caniuse.com/#feat=flexbox देखें।

+0

अब मुझे यह समझने में सक्षम नहीं होने के लिए मूर्खतापूर्ण महसूस नहीं होता है! धन्यवाद! –

+0

यू आर डब्ल्यू ---------- :) – unludo

संबंधित मुद्दे