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 को देखने के लिए करने के लिए क्या है?
यह जब मैं पिक्सेल का उपयोग करते हैं केवल काम करने के लिए लेकिन मैं का उपयोग पिक्सेल नापसंद लगता है ...
body,html{
height:100%
}
मैं सिर्फ अकेले, अर्थात html ने इस भाग का संपादन किया।
[Fiddle डेमो][1]
जोड़ना :
body, html {
height:100%
}
ALSO ...आप html
, उपयोग के लिए गलत टैग है। <html>
<html>
<head>
<title>Test HTML</title>
</head>
<body>
<div class="left"></div>
<div class="right"></div>
</body>
<html>
<style>
body,html{
height:100%
}
.left
{
float:left;
background-color:#ccffcc;
height:100%;
width:50%;
}
.right
{
height:100%;
width:50%;
float:right;
background-color:#ffcc99
}
</style>
यह के लिए मददगार है। : आशा )
यदि आप इस css में किसी भी समस्या है।आप भी ऑनलाइन css <body style="height:100%">
का उपयोग कर सकते हैं।
क्योंकि हो सकता है इसकी एक css संघर्ष के मुद्दे।
<body style="height:100%">
<div class="left"></div>
<div class="right"></div>
</body>
<style>
html{
height:100%;
}
.left
{
float:left;
background-color:#ccffcc;
height:100%;
width:50%;
}
.right
{
height:100%;
width:50%;
float:right;
background-color:#ffcc99
}
</style>
[Fiddle][1] अद्यतनीकृत