खिड़की का आकार बदलने पर div को रोकें

Question

मेरे पास एक पृष्ठ है जिसमें दो divs "list_events" और "right_content" एक दूसरे के बगल में हैं। जब मैं विंडो का आकार बदलता हूं "right_content" नीचे "list_events" चला जाता है लेकिन मुझे वह नहीं चाहिए! मैं नहीं चाहता कि उन दो divs न तो खिड़की के आकार पर स्केल करने के लिए न जाएं ... मैं इसे कैसे प्राप्त कर सकता हूं?

इस

कोड है

.list_events{margin-left:1em;float:left;} 
.right_content{float:left;margin-left:1em;} 

धन्यवाद लुका

Answer 1

पहले माता-पिता div/wrap जोड़ें और अपने दो divs को इसमें डाल दें।

तो जैसे:

<div id="wrap"> 
    <div id="list_events"></div> 
    <div id="right_content"></div> 

</div> 

तो तुम इतनी तरह माता-पिता/आवरण div पर

न्यूनतम-चौड़ाई (पिक्सेल/ईएमएस/आदि) की कोशिश कर सकते हैं:

#wrap{ 
min-width: 600px; 
} 

कुल मिलाकर , जो भी आकार आप मिनी-चौड़ाई में जोड़ते हैं, वह पैरेंट div को निर्दिष्ट आकार में घटा देता है।

एक बार जब विंडो आपके निर्दिष्ट आकार से पहले आकार में आ जाती है, तो यह किसी अन्य विंडो की तरह व्यवहार करेगी।

यह करने का मेरा तरीका है।

Answer 2

आप इस कि div के लिए निश्चित चौड़ाई/ऊंचाई के साथ माता पिता div अंदर divs, या आप प्रत्येक के लिए एक प्रतिशत चौड़ाई/ऊंचाई निर्धारित कर सकते हैं डाल सकते हैं दो divs