css - Making a vertically scrolling parent div which does not cause overflow of children -

मेरे पास इस प्रकार कुछ है:

  & lt; div style = "float: left; ऊंचाई: 20px; अतिप्रवाह- y: स्क्रॉल करें "& gt; & Lt; div & gt; हैलो यह एक परीक्षण है & lt; / div & gt; & Lt; div & gt; हैलो यह एक और परीक्षण है & lt; / div & gt; & Lt; div & gt; t1 & lt; / div & gt; & Lt; div & gt; t2 & lt; / div & gt; & Lt; div & gt; t3 & lt; / div & gt; & Lt; / div & gt;  

पैरेंट डिवा सबसे बड़े बच्चे के लिए उपयुक्त चौड़ाई में बढ़ता है (जो कि मैं चाहता हूं)। हालांकि, ऊर्ध्वाधर स्क्रॉलबार में आंतरिक चौड़ाई छोटी होती है, जिससे सबसे बड़े बच्चे को लपेटने का कारण बनता है।

क्या माता-पिता को सबसे बड़े बच्चे की चौड़ाई तक बढ़ने का तरीका है + चौड़ाई स्क्रॉल पट्टी? मैंने हर मार्जिन चाल की कोशिश की है, लेकिन कुछ भी नहीं।

एक समाधान मिला, लेकिन किसी भी के लिए खुला अन्य सुझाव।

सबसे लंबे बच्चे (या यदि अनिश्चित है जो सबसे बड़ा बच्चा है, प्रत्येक तत्व के लिए) को सही फ्लोट बच्चे जोड़कर:

  & lt; शैली type = "text / css" & gt; । स्ट्रेचर {फ्लोट: सही; सही: -50px; चौड़ाई: 50px; ऊंचाई: 1 पीएक्स; } & Lt; / style & gt; & Lt; div शैली = "फ्लोट: बाएं; ऊंचाई: 20px; अतिप्रवाह- y: स्क्रॉल करें" & gt; & Lt; div & gt; हैलो यह एक परीक्षण है & lt; / div & gt; & Lt; div & gt; हैलो यह एक और परीक्षण है; div वर्ग = "स्ट्रेचर" & gt; & lt; / div & gt; & lt; / div & gt; & Lt; div & gt; t1 & lt; / div & gt; & Lt; div & gt; t2 & lt; / div & gt; & Lt; div & gt; t3 & lt; / div & gt; & Lt; / div & gt;