Başka bir DIV içinde% 100 yükseklik div yapın

Yan yana olan bir divanın yüksekliğini dengelemem gerekiyor, Bootstrap kullanıyorum ve aynı boyutta yapamam. Columns Divs Başka bir DIV içinde% 100 yükseklik div yapın

kaynak

2016-04-01 Francisco Valdivia

Gerçek kodun ne olduğu ile ilgili sorun nedir? creenshot? – Saikios

Daha fazla bilgiye ihtiyacımız var, ilgili HTML ve CSS'yi yapıştırabilir misiniz? – Pogrindis

gövde ve html yüksekliğini ayarlamanız gerekir:% 100; Gibi: html, vücut {boy:% 100} – Sandeep

css Flex Mülkiyet kullanmayı deneyin:

<!DOCTYPE html> 
<html> 
<head> 
<style> 
#main { 
    width: 220px; 
    height: 300px; 
    border: 1px solid black; 
    display: -webkit-flex; /* Safari */ 
    display: flex; 
} 

#main div { 
    -webkit-flex: 1; /* Safari 6.1+ */ 
    -ms-flex: 1; /* IE 10 */  
    flex: 1; 
} 
</style> 
</head> 
<body> 

<div id="main"> 
    <div style="background-color:coral;">RED</div> 
    <div style="background-color:lightblue;">BLUE</div> 
    <div style="background-color:lightgreen;">Green div with more content.</div> 
</div> 

<p><b>Note:</b> Internet Explorer 9 and earlier versions do not support the flex property.</p> 

<p><b>Note:</b> Internet Explorer 10 supports an alternative, the -ms-flex property. IE11 and newer versions fully support the flex property (do not need the -ms- prefix).</p> 

<p><b>Note:</b> Safari 6.1 (and newer) supports an alternative, the -webkit-flex property.</p> 

</body> 
</html>

kaynak

2016-04-01 16:28:05 satya

sen onun ebeveynin% 100 yüksekliğini alır gibi çocuk İç yükseklik% 100 vermek zorunda

.parent{ 
 
    height: 150px; 
 
    width:100px; 
 
    background-color:pink; 
 
} 
 
.child{ 
 
    height:100%; 
 
    width:70px; 
 
    background-color:green; 
 
}

<div class="parent"> 
 
    <div class="child"> 
 

 
    </div> 
 
</div>

kaynak

2016-04-01 16:33:13 DanyCode

Başka bir DIV içinde% 100 yükseklik div yapın

cevap

İlgili konular