6
मैं न्यूनतम चौड़ाई और अधिकतम चौड़ाई का उपयोग कर एक सीएसएस पेज लेआउट समायोजित करने की कोशिश कर रहा हूं। समस्या को सरल बनाने के लिए, मैंने यह परीक्षण पृष्ठ बनाया है। मैं फ़ायरफ़ॉक्स और क्रोम के नवीनतम संस्करणों में एक ही परिणाम के साथ इसे आजमा रहा हूं। ब्राउज़र विंडो सिकोड़ें उनके अधिकतम चौड़ाई मेरी अपेक्षा के अनुसार न्यूनतम चौड़ाई और अधिकतम-चौड़ाई क्यों काम नहीं कर रही है?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Testing min-width and max-width</title>
<style type="text/css">
div{float: left; max-width: 400px; min-width: 200px;}
div.a{background: orange;}
div.b{background: gray;}
</style>
</head>
<body>
<div class="a">
(Giant block of filler text here)
</div>
<div class="b">
(Giant block of filler text here)
</div>
</body>
</html>
यहाँ मैं क्या होने की अपेक्षा है:
-
ब्राउज़र को बड़ा किया साथ
- , divs, कंधे से कंधा मिलाकर बैठना प्रत्येक 400px चौड़े वे दोनों 200px तक कम हो जाते हैं: उनकी न्यूनतम चौड़ाई
- ब्राउज़र को और भी कम करने से ब्राउज़र पर कोई प्रभाव नहीं पड़ता
यहाँ वास्तव में होता है, चरण 2 पर शुरू है:
- ब्राउज़र विंडो सिकोड़ें, और जैसे ही वे अपने अधिकतम चौड़ाई में पक्ष-साथ नहीं बैठ सकते, दूसरी div नीचे चला जाता है पहले
- इसके अलावा ब्राउज़र सिकुड़ उन्हें संकरा और संकरा हो, के रूप में छोटे रूप में मैं खिड़की
तो यहाँ मेरा सवाल कर रहे हैं कर सकते हैं बनाता है:
max-widthका अर्थ क्या है यदि तत्व जल्द ही लेआउट में अपनी अधिकतम चौड़ाई से कम होने की अपेक्षा करता है?min-widthका क्या अर्थ है यदि ब्राउज़र खिड़की की खिड़की घटती रहती है तो तत्व खुशी से कम हो जाएगा?- क्या मैं चाहता हूं कि हासिल करने का कोई तरीका है: क्या ये तत्व साइड-बाय-साइड बैठते हैं, जब तक वे प्रत्येक 200px तक पहुंचते हैं, और केवल लेआउट समायोजित करते हैं ताकि दूसरा ड्रॉप हो जाए?
और निश्चित रूप से ...
क्या मैं गलत कर रहा हूँ?
दोनों के चारों ओर एक div लपेटकर इसे एक नियम दिया: 'चौड़ाई: 900 पीएक्स;'। अब वे कभी भी पक्ष में नहीं बैठते हैं। अगर यह गिर रहा था तो बाएं फ्लोट को जोड़ने का प्रयास किया। कोई परिवर्तन नहीं होता है। –