div

Question

की पूर्ण ऊंचाई भरने के लिए पृष्ठभूमि रंग प्राप्त करें मेरे पास एक div है जिसमें ऊंचाई और पृष्ठभूमि रंग निश्चित है - जैसा कि आप कल्पना कर सकते हैं कि पृष्ठभूमि रंग div की पूर्ण ऊंचाई को भरने के लिए विस्तारित नहीं होता है।

मेरे पास गोलाकार कोनों के लिए इस कंटेनर div के भीतर 4 div एस भी है। मैंने नीचे दिया गया कोड शामिल किया है। सामग्री के बावजूद कंटेनर div के नीचे तक विस्तार करने के लिए पृष्ठभूमि रंग कैसे प्राप्त करूं?

#art2 { 
 
     margin-top: 15px; 
 
     margin-right: 10px; 
 
     float: right; 
 
     width: 485px; 
 
     background-color: #262626; 
 
    } 
 
    .art2boxtl { 
 
     background-image: url(../images/tlar2.png); 
 
     background-repeat: no-repeat; 
 
     height: 10px; 
 
     width: 9px; 
 
    } 
 
    .art2boxtr { 
 
     position: absolute; 
 
     right: 10px; 
 
     top: 15px; 
 
     background-image: url(../images/trar2.png); 
 
     background-repeat: no-repeat; 
 
     height: 10px; 
 
     width: 9px; 
 
    } 
 
    .art2boxbl { 
 
     position: absolute; 
 
     bottom: 0px; 
 
     background-image: url(../images/blar2.png); 
 
     background-repeat: no-repeat; 
 
     height: 11px; 
 
     width: 10px; 
 
    } 
 
    .art2boxbr { 
 
     position: absolute; 
 
     bottom: 0px; 
 
     right: 10px; 
 
     background-image: url(../images/brar2.png); 
 
     background-repeat: no-repeat; 
 
     height: 11px; 
 
     width: 10px; 
 
    }

<div id="art2"> 
 
    <div class="art2boxtl"></div> 
 
    <div class="art2boxtr"></div> 
 
    CONTENT 
 
    <div class="art2boxbl"></div> 
 
    <div class="art2boxbr"></div> 
 
</div>

Answer 1

आपकी समस्या नोट background-color नहीं है - लेकिन तथ्य यह है कि आसपास के डीआईवी सभी डीआईवी इंस के पूर्ण आकार तक नहीं फैल रहा है इसे मानो

बच्चों के float: right या float: left हैं, तो रावेरेन का दृष्टिकोण पैरेंट div को फैलाएगा। यह position:absolute वाले लोगों के लिए काम नहीं करेगा। उन लोगों के लिए, आपको मूल कंटेनर को एक निश्चित ऊंचाई देना होगा।

Answer 2

की तर्ज बीच की कोशिश कुछ: - कि पूरे क्षेत्र ठीक भर जाएगा

  <div id="art2"> 
       <div class="art2boxtl"></div> 
       <div class="art2boxtr"></div> 
       CONTENT 
       <div class="art2boxbl"></div> 
       <div class="art2boxbr"></div> 
       <div style="clear:both"></div> 
      </div> 

<div style="clear:both"></div>

Answer 3

आपके माता-पिता div के लिए position:absolute का उपयोग करें। इसने मेरे लिए समस्या हल की।

तुम भी https://stackoverflow.com/a/18968401/6751430