hola, me gustaria que me ayudaran con esto.
tengo tres divs, de los cuales uno es el contenedor y los otros dos estan dentro del mismo. que son A y B.
lo que quiero hacer es que si coloco algo dentro de A que supere su tamaño (alto) este cresca y que al crecer A, B se mueva hacia abajo y el contenedor tambien cresca lo mismo que crecio A para guardar las proporciones.
espero haberme explicado bien y muchas gracias por su tiempo
Código HTML:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
<!--
#contenedor {
position:absolute;
left:34px;
top:34px;
width:679px;
height:298px;
z-index:1;
background-color: #00FFFF;
}
#A {
position:absolute;
left:45px;
top:42px;
width:583px;
height:170px;
z-index:2;
background-color: #CC0000;
}
#B {
position:absolute;
left:45px;
top:214px;
width:582px;
height:50px;
z-index:3;
background-color: #00FF00;
}
-->
</style>
</head>
<body>
<div id="contenedor">
<div id="A"></div>
<div id="B"></div>
</div>
</body>
</html>