6
की जगह भरें मैं एक मूल div के शेष स्थान को भरने के लिए एक तत्व चाहता हूं। मैंने ऐसा करने में कामयाब रहा है, आप इसे यहां देख सकते हैं "लिंक हटा दिया गया" लेकिन भरने वाला div (दाएं) बाएं div के नीचे बैठता है। मैं मूल रूप से सही div को शुरू करना चाहता हूं जहां बायां div समाप्त होता है।एक div
आशा है कि यह समझ में आता है।
<html>
<head>
<title></title>
<style type="text/css">
#left {
float:left;
width:180px;
background-color:#ff0000;
height:20px;
}
#right {
width: 100%;
background-color:#00FF00;
height:30px;
}
</style>
</head>
<body>
<div>
<div id="left">Nav</div>
<div id="right">This is the space I need to fill but not go underneath the nav div</div>
</div>
</body>
</html>
जोड़ें फ्लोट: सही –
#right लिए मुझे नहीं लगता कि इसके साथ चौड़ाई 100% है कि जगह को भरने के लिए संभव है है। बाएं div के नीचे जाने के लिए सही div प्राप्त करने का एकमात्र तरीका सही div को फ़्लोट करना है, लेकिन जब आप ऐसा करते हैं, तो चौड़ाई 100% इसे अगली पंक्ति में ले जाती है। यदि आप 100% चौड़ाई हटाते हैं तो यह बाएं div के बगल में अच्छी तरह से ढेर होता है, लेकिन पूरी तरह से भर नहीं जाएगा। आपको अपने दृष्टिकोण का दोबारा मूल्यांकन करना पड़ सकता है, अगर मैं जानता था कि आप क्या हासिल करने की कोशिश कर रहे थे तो यह आसान होगा, इसलिए मैं वैकल्पिक समाधान प्रदान कर सकता हूं। – Zoidberg