] एक दो-कॉलम लेआउट जहां दाएं कॉलम में एक निश्चित चौड़ाई होती है, जबकि बाएं कॉलम गतिशील रूप से उपलब्ध स्थान पर समायोजित होता है।

बाएं कॉलम पर फ्लोट निकालें:

&&&] HTML कोड में बाएं कॉलम से पहले दाएं कॉलम (#Right) रखें। यह सुनिश्चित करता है कि सही कॉलम की चौड़ाई पहले लागू की जाती है। कंटेनर)। यह कंटेनर को ओवरफ्लो करने से आंतरिक डिव को रोकता है। यह कॉलम को शेष स्थान को भरने की अनुमति देता है और सही कॉलम के साथ बातचीत को रोकता है। &&&]

css:

। कंटेनर { ऊंचाई: ऑटो; ओवर फलो हिडेन; } ।सही { चौड़ाई: 180px; सही नाव; पृष्ठभूमि: #aafed6; } ।बाएं { फ्लोट: कोई नहीं; पृष्ठभूमि: #e8f6fe; चौड़ाई: ऑटो; ओवर फलो हिडेन; }

डेमो:

1. पर जाएँ