float y dimensiones

[geq]

Hola

¿Hay una forma de hacer que un <div> que contiene a otro con el estilo float = left, tome las dimensiones de este, distinto a:

Código:

position: relative;
overflow: auto;

ya que esto a veces produce scroll, y no quiero que esto suceda. Overflow: visible / hidden no da resultado, ya que el <div> toma el menor tamaño posible y no el del <div float:left> que contiene.

Muchas gracias
Saludos

[kanuto]

el width y el height de la capa interior ponselo a 100%, y se ajusta el ancho y el alto a la capa ke lo contiene.... prueba... saludos

[geq]

Hola, gracias por tu respuesta.
Es al revéz lo que necesito, que la capa que contiene tenga el ancho y alto de la capa interior.

Saludos

[talmente]

Una forma es flotar los dos:

Código:

#grande {
	background: #09F;
	width: 50%;
	position: relative;
	padding-top: 2%;
	padding-bottom: 2%;
	float: left;
}
.dentro {
	background: #FFF;
	float: left;
	width: 90%;
	position: relative;
	left: 5%;
	
}

HTML

 <div id="grande">
 <div class="dentro">
   <p>&nbsp;</p>
   <p>&nbsp;</p>
   <p>&nbsp;</p>
   <p>&nbsp;</p><p>&nbsp;</p>
 </div>
</div>

[Mikmoro]

El overflow auto te sacará scroll si hay un alto definido (height): si no, no.

Si no quieres usar float ni overflow, puedes dar un corte con clear: both; en un div vacía al final de la caja contenedora y fuera de la interior.