¿Cómo hago para que un div HTML se ajuste a otro div?

<html> 
<body> 
<div id="content1"> 
    <div id="text1">This text floats left</div> 
    <div id="images1"><img src="img.jpg" /></div> <!--Floats right--> 
</div> 
<div id="content2">Text 2</div> 
</body> 
</html>

Cuando trato de hacer esto, y trato de hacer un diseño como una tabla con dos filas con el texto flotando a la izquierda y la imagen flotando en la fila superior, todo lo que aparece es que content2-div es aplastado en el content1-div. ¿Cómo puedo mantenerlos separados?¿Cómo hago para que un div HTML se ajuste a otro div?

Fuente

2011-06-07 DarkLightA

Haga su elección, amigo –

Es necesario utilizar clear:both; en su # Content2 div

Si realmente quieres aprender todo sobre flotadores, echa un vistazo a este increíble tutorial: http://css.maxdesign.com.au/floatutorial/

Fuente

2011-06-07 15:59:39

Uso clear:both; en su contenido # 2

Fuente

2011-06-07 16:00:24

Usted se olvidó de cerrar su <div id="images1"> :)

Fuente

2011-06-07 16:00:28 solendil

use 'clear: both' en content2 div

Fuente

2011-06-07 16:00:37

Espero que necesite agregar otro div antes de <div id="content2">Text 2</div> que será <div style="clear:both;"></div>

Fuente

2011-06-07 16:00:45 sudipto

despeje sus flotadores. Aquí es un artículo que describe lo que pasa: Clearing A Float Element

Fuente

2011-06-07 16:01:09 BentOnCoding

Aplicar:

#images1{ 
float:right; 
} 

#content2{ 
clear:both; 
}

y fijar su margen de beneficio del HTML

<div id="images1"><img src="img.jpg" /> <!--Floats right-->

cerrar el div:

<div id="images1"><img src="img.jpg" /> <!--Floats right--></div>

Fuente

2011-06-07 16:01:37 Niklas

No tiene cerrado <div id="images1">. Si este div está cerrado y los divs de contenido no flotan, entonces debería funcionar.

Fuente

2011-06-07 16:01:57 Vinnyq12

overflow:hidden en su contenido1 div lo expandirá para incluir a todos los niños flotados. (Por supuesto, esto ocultará contenido desbordado no flotante.)

Fuente

2011-06-07 16:03:04 Tgr

¿Cómo hago para que un div HTML se ajuste a otro div?

Respuesta

Cuestiones relacionadas