Soy bastante nuevo a CSS, así, esto podría parecer tonto:La propiedad de flotación de CSS no muestra altura?
En CSS, utilizo la propiedad a float:left
para posicionar un contenido deja al elemento vecino, ahora, tengo un contenedor para todos los elementos que tienen la propiedad flotante. ¿Cómo hago para que el elemento de crianza ajuste su altura de acuerdo con su contenido?
el código HTML:
<div id="page">
<div id="side">
<p>my sidebar</p>
</div>
<div id="content">
<p>my content</p>
<p>my content1</p>
<p>my content2</p>
<p>my content3</p>
</div>
la CSS
/* the "border:3px solid #000;" are used to make the div border visble*/
#page{
position:relative;
width:400px;
background-color: #F4F0EC;
border:3px solid #000;
}
#side{
border:3px solid #000;
float:left;
}
#content{
float:left;
border:3px solid #000;
}
con lo anterior, el aspecto <div id="page">
como que tiene una altura de 0px .... ¿Cómo puedo hacer ¿deforma el contenido?
ya que soy nuevo en CSS, por favor explique lo que estoy haciendo mal, gracias
violín: http://jsfiddle.net/AuSmP/
¡Amigo, nunca he estado tan feliz de conocer un nuevo atributo de CSS! ¡Muchas gracias! –