में div मैं है इस प्रश्न के लिए निम्नलिखित बेला:सीएसएस सापेक्ष स्थिति टूटता नई लाइन
<div class="outer">
<div class="inner1">
Y
</div>
<div class="inner2">
X
</div>
</div>
सीएसएस करने के लिए एक चौड़ाई प्रदान करती है: http://jsfiddle.net/jcb9xm44/
वहाँ 2 इनलाइन-ब्लॉक div एक माता पिता div में की हैं बच्चे div के लिए पैरेंट div और 2 चौड़ाई।
.outer {
width: 210px;
border: 1px solid red;
}
.inner1 {
width: 200px;
border: 1px solid orange;
display: inline-block;
}
.inner2 {
width: 50px;
position:relative;
left: -50x;
display: inline-block;
border: 1px solid lightblue;}
मैं उम्मीद कर रहा था कि दोनों divs एक ही पंक्ति पर दिखाई दें। हालांकि माता-पिता दोनों बच्चों को पकड़ने के लिए पर्याप्त नहीं हैं, क्योंकि दूसरे बच्चे के पास नकारात्मक ऑफसेट है, इसलिए उन्हें एक ही पंक्ति में फिट करना संभव होना चाहिए। यह लाइन क्यों तोड़ता है?
'मार्जिन-बाएं: -50 पीएक्स;' - http://jsfiddle.net/2jgag2zs/ – Anonymous
आपने ऐसा क्यों उम्मीद की? नेस्टेड divs की चौड़ाई माता-पिता के अंदर उपलब्ध स्थान से अधिक है। –
ग्रेट। लेकिन मार्जिन सहायता और ऑफ़सेट क्यों नहीं करता है? – shaft