Tenho quatro cinco divs, sendo que uma delas é um container para as outras quatro. Estrutura:
<div id="divPai" style="width:100%">
<div id="divInfUser" style="width:25%; height: 30%; background-color: #DCAE4C; float: left; display: inline-block;padding: 10px;">
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</div>
<div id="divFoto" style="width:25%; height: 30%; background-color: #ECEDEF; float: left; display: inline-block;padding: 10px;text-align: center;">
</div>
<div id="divLogo" style="width:25%; height: 30%; background-color: #ECEDEF; float: left; display: inline-block;padding: 10px;">
</div>
<div id="divInf" style="width:25%; height: 30%; background-image: linear-gradient(45deg, #5B5B5F, #868589);; float: left; display: inline-block;padding: 10px;">
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
As divs das laterias vão ter o mesmo tamanho por causa dos li
mas as do meio terão outro tipo de informação. Se eu setar valor de height fixo o UL
vai sair da div quando for diminuindo a resolução. Preciso que todas as divs filhas tenham a mesma altura no começo e quando for se adaptando a outras resoluções ela vá crescendo junto para que os UL
não saiam fora das divs
min-height
?