Div proprerly को दिखाने के लिए नहीं

html

<body>
    <div class="left"></div>
    <div class="right"></div>
</body>

css

body{
  height:100%
}
.left{
  float:left;
  background-color:#ccffcc;
  height:100%;
  width:50%;
}
.right{
  height:100%;
  width:50%;
  float:right;
  background-color:#ffcc99
}

I'आज के माता - पिता तत्व सेट's ऊंचाई।

मैं मेरे दो divs को देखने के लिए करने के लिए क्या है?

यह जब मैं पिक्सेल का उपयोग करते हैं केवल काम करने के लिए लेकिन मैं का उपयोग पिक्सेल नापसंद लगता है ...

Valeriu
56173
सवाल बदला हुआ कर सितम्बर 2021 в 2:06
Abhishek Pandey
सवाल बदला हुआ कर मार्च 2017 в 7:48
html css
कर दिसम्बर 2013 в 9:25
28 विचारों

जोड़ें height : 100 % भी html के लिए .

body, html{
height:100%
}

DEMO

Valeriu
56173
जवाब बदला हुआ कर सितम्बर 2021 в 2:06
कमेंट्री (0)
 
body,html{
height:100%
}

मैं सिर्फ अकेले, अर्थात html ने इस भाग का संपादन किया।

[Fiddle डेमो][1]

Valeriu
56173
जवाब बदला हुआ कर सितम्बर 2021 в 2:06
कमेंट्री (0)

fiddle

जोड़ना :

body, html {
    height:100%
}

ALSO ...आप html, उपयोग के लिए गलत टैग है। ``

Valeriu
56173
जवाब बदला हुआ कर सितम्बर 2021 в 2:05
कमेंट्री (1)


Test HTML


    <div class="left"></div>
    <div class="right"></div>





body,html{
height:100%
}
.left
{
float:left;
background-color:#ccffcc;
height:100%;
width:50%;
}
.right
{
height:100%;
width:50%;
float:right;
background-color:#ffcc99
}

यह के लिए मददगार है। : आशा )

Valeriu
56173
जवाब बदला हुआ कर सितम्बर 2021 в 2:05
कमेंट्री (3)

यदि आप इस css में किसी भी समस्या है।आप भी ऑनलाइन css `` का उपयोग कर सकते हैं। क्योंकि हो सकता है इसकी एक css संघर्ष के मुद्दे।



        <div class="left"></div>
        <div class="right"></div>




    html{
       height:100%;        
   } 

    .left
    {
    float:left;
    background-color:#ccffcc;
    height:100%;
    width:50%;
    }
    .right
    {
    height:100%;
    width:50%;
    float:right;
    background-color:#ffcc99
    }

[Fiddle][1] अद्यतनीकृत

Valeriu
56173
जवाब बदला हुआ कर सितम्बर 2021 в 2:07
Nathan Srivi
जवाब बदला हुआ कर दिसम्बर 2013 в 9:45
कमेंट्री (5)