6
भरें, मेरे पास दो divs हैं, सही एक 80px चौड़ा है और दूसरे को शेष स्थान भरना चाहिए। अब तक मैंने कोशिश की:आप एक दूसरे के बगल में दो divs कैसे डालते हैं ताकि वे उपलब्ध स्थान
<!DOCTYPE html>
<html>
<head>
<title>#{get 'title' /}</title>
<style type="text/css">
body {
margin: 0;
padding: 0;
}
#left {
position: relative;
margin-right: 80px;
background-color: red;
}
#right {
float: right;
position: relative;
text-align: left;
width: 80px;
background-color: yellow;
}
</style>
</head>
<body>
<div id="left">
Left
</div>
<div id="right">
Right
</div>
</body>
</html>
हालांकि, दायां बॉक्स हमेशा बाएं बॉक्स के नीचे रखा जाता है और इसके ठीक नहीं होता है। मुझे लगता है कि यह मार्जिन की वजह से है। मैंने मार्जिन-बाएं भी कोशिश की: -80 पीएक्स सही पर लेकिन यह कुछ भी बदलने के लिए प्रतीत नहीं होता है। तो मुझे सीएसएस को कैसे बदलना है ताकि सही div एक ही पंक्ति में बाएं div के रूप में हो?
यह काम करता है, और सुझाव दिया समाधान का सबसे आसान हो रहा है। धन्यवाद! मुझे जो नहीं मिला वह यह क्यों काम कर रहा है। क्या आप समझा सकते हैं क्यों? –
चूंकि तत्वों को क्रम में खींचा जाता है, दाएं तत्व को दाएं खींचने के लिए बाएं तत्व से नीचे जाने की बजाए, दाएं पहले खींचा जाता है और बाएं दाएं तत्व के चारों ओर खींचा जाता है। –
मैं देखता हूं। धन्यवाद :) –