बनाना सभी divs की एक पंक्ति सीएसएस

Question

का उपयोग कर रहा divs कि सभी एक ही ऊंचाई होना चाहिए की एक पंक्ति है, लेकिन मैं यह जानकर क्या है कि ऊंचाई समय से आगे हो सकता है का कोई तरीका नहीं एक ही ऊंचाई हो (सामग्री एक से आता है वाह्य स्रोत)। मैंने शुरुआत में divs को एक संलग्न div में रखने की कोशिश की और उन्हें छोड़ दिया। फिर मैंने अपनी ऊंचाई "100%" निर्धारित की, लेकिन इसका कोई समझदार प्रभाव नहीं पड़ा। एक निश्चित ऊंचाई तक enclosing div पर ऊंचाई की स्थापना करके मैं तो जारी divs विस्तार करने के लिए मिल सकता है, लेकिन केवल कंटेनर की निश्चित ऊंचाई पर निर्भर है। जब एक divs में सामग्री निश्चित ऊंचाई से अधिक हो गया, यह खत्म हो गया; फ्लोटेड divs विस्तार करने से इंकार कर दिया।

मैं इस जारी-divs ऑफ द एक ही ऊंचाई समस्या Google पर और जाहिरा तौर पर वहाँ सीएसएस का उपयोग कर यह करने के लिए कोई रास्ता नहीं है। तो अब मैं फ्लोट्स के बजाय रिश्तेदार और पूर्ण स्थिति के संयोजन का उपयोग करने की कोशिश कर रहा हूं।

<style type="text/css"> 
div.container { 
    background: #ccc; 
    position: relative; 
    min-height: 10em; 
} 
div.a { 
    background-color: #aaa; 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    bottom: 0px; 
    width: 40%; 
} 
div.b { 
    background-color: #bbb; 
    position: absolute; 
    top: 0px; 
    left: 41%; 
    bottom: 0px; 
    width: 40%; 
} 
</style> 

यह HTML का एक सरलीकृत संस्करण है:

<div class="container"> 
    <div class="a">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer pretium dui sit amet felis. Integer sit amet diam. Phasellus ultrices viverra velit.</div> 
    <div class="b">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer pretium dui sit amet felis. Integer sit amet diam. Phasellus ultrices viverra velit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer pretium dui sit amet felis. Integer sit amet diam. Phasellus ultrices viverra velit.</div> 
    </div> 

यह काम करता है जब तक आप 5em की तरह कुछ करने के लिए न्यूनतम-ऊंचाई बदलने (demonstranting जब सामग्री से अधिक है कि क्या होता है यह सीएसएस है न्यूनतम ऊंचाई), और आप देख सकते हैं कि पाठ कटऑफ नहीं मिलता है, divs अभी भी विस्तार करने से इनकार करते हैं। अब मैं हार गया हूँ। क्या सीएसएस का उपयोग करके ऐसा करने का कोई तरीका है?