किसी अन्य

Question

के दाईं ओर एक div को पोजिशन करना मेरे पास निम्न HTML और CSS है। लेकिन मैं यह नहीं समझ सकता कि मुख्य div के दाईं ओर टैब div कैसे है। ताकि वे बुकमार्क्स की तरह दाएं रहें।

.main { 
    -moz-border-radius:10px; 
    height: 75%; 
    width: 60%; 
    position: absolute; 
    top: 15%; 
    left: 20%; 
    right: auto; 
    } 
.tabs { 
    width: 50px; 
    height: 1.3em; 
    position: absolute; 
    float: right; 
} 
#tab { margin: 10px 10px 10px 0px;} 

और एचटीएमएल:

<div class="main"> 
    <div id="content"> 
     Some main content 
    </div> 
</div> 
<div class="tabs"> 
    <div class="tabs" id="tab1"> 
     <a href="#" alt="Home"> 
      Home 
     </a> 
     </div> 
     <div class="tabs" id="tab2"> 
      <a href="#" alt="About"> 
       About 
      </a> 
     </div> 
</div> 

Answer 1

डाल ब्लॉक करने के लिए दो सामान्य दृष्टिकोण बाएं से दाएं हैं:

1. उन्हें इनलाइन करते हैं; या
2. फ्लोट का उपयोग करें।

(1) होगा:

div.main, div.tabs { display: inline; } 

(2) होगा:

div.main, div.tabs { float: left; } 

आप करते हैं (2) एक कंटेनर में divs रख दिया और अगर जोड़ें:

div.container { overflow: hidden; } 

प्रत्येक विधि में विशेष गुण हैं। सबसे विशेष रूप से inline तत्वों के पास margin विशेषताएँ लागू नहीं हो सकती हैं। एचटीएमएल में इनलाइन बनाम ब्लॉक लेआउट पर यह कई बाधाओं में से एक है।