6
पर जाने के बजाए फ़्लोटेड div shrink बनाना क्या कोई तरीका है कि मैं एक नई लाइन पर जाने के बजाय एक फ़्लोटेड div को सिकुड़ने के लिए मजबूर कर सकता हूं?नई लाइन
मुझे पता है कि मैं divs पर अंतर्निहित चौड़ाई निर्धारित कर सकता हूं लेकिन यह उस मेनू पर है जिसमें वस्तुओं की परिवर्तनीय मात्रा हो सकती है। यदि संभव हो तो साइट के लेआउट तरल पदार्थ को रखते हुए मैं ऐसा करने की कोशिश कर रहा हूं।
कोड
<html>
<head>
<style type="text/css">
#left{
float: left;
border: 1px solid #000;
}
#right{
float: right;
border: 1px solid #000;
}
</style>
</head>
<body>
<div id="left"><p>This div represents the logo</p></div>
<div id="right"><p>When the window's width is reduced and these divs touch
I want this div to shrink instead of falling to the next line.
</p>
</div>
</body>
</html>
असल में, मैं #right जब ब्राउज़र विंडो यह वहां एक पंक्ति पहले, तो हटना जब खिड़की आगे का आकार बदलने पर होने के बजाय सिकुड़ रहा है सिकुड़ शुरू करना चाहते हैं दिखाने के लिए संपादित।
फ़्लोटिंग डीआईवी के प्रभावों में से एक यह है कि यह इसकी अंतर्निहित चौड़ाई में "सिकुड़ता है", इसलिए आपको कुछ कोड दिखाना होगा ताकि हम काम कर सकें कि यह एक नई लाइन पर क्यों जा रहा है। –
मैंने उपरोक्त पदों को संपादित किया और कुछ उदाहरण कोड जोड़ा। –