Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Estou com a seguinte duvida, gostaria de saber como é possível que um elemento obedeça a um comprimento do outro no caso a largura. No código gostaria que o background AZUL ficasse da altura do VERMELHO de forma autônoma, de forma que ao aumentar a altura de um o outro ficasse com a mesma. Estou usando HTML e CSS.
>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link href="style.css" rel="stylesheet" type="text/css"/>
<title>Documento sem título</title>
</head>
<body>
<div id="estrutura">
<div id="verm">
<h1>titulo da postagem</h1>
<center><img src="images/fundo.jpg" width="250px" height="350px" border:"0"/></center>
<p align="justify">texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem<p>
<h1>titulo da postagem</h1>
<center><img src="images/fundo.jpg" width="250px" height="350px" border:"0"/></center>
<p align="justify">texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem texto da postagem<p>
</div>
<div id="azul">
</div>
</div>
</body>
</html>>
@charset "utf-8";
/ CSS Document /
*{margin:0; padding:0; border:0;}
body{background:#888888;}
div#estrutura{
margin:auto;
width:900px;
background:#ccc;
}div#verm{
background:#FF0004;
width:600px;;
float:left;
}div#verm h1{
margin:25px;
}div#verm p{
margin:25px;
}div#azul{
background:#0024FF;
width:300px;float:left;
}Carregando comentários...