Duda con el posicionamiento flotante
Publicado por Gustavo (115 intervenciones) el 01/04/2014 17:07:51
Hola gente tengo una duda con el posicionamiento flotante es en un ejercicio que vi en el pdf del cual estudio les paso el código.
y despues dice aclarando el ejercicio
Al añadir un <div> con la propiedad clear: both, se tiene la seguridad de que el <div> añadido
se va a mostrar debajo de cualquier elemento posicionado con float ( hasta aca todo bien)
(esta es la parte q no entiendo en comillas)" y por tanto, se asegura que el <div> original tenga la altura necesaria como para encerrar a todos sus contenidos posicionados con float."
Como es esto último? es que al poner el segundo div con clear y estar abajo de las cajas flotantes el tamaño del primer div llega hasta donde comienza el segundo div con clear ?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ejercicio posicionamiento float</title>
<style type="text/css">
div#paginacion {
border: 1px solid #CCC;
background-color: #E0E0E0;
padding: .5em;
}.derecha { float: right; }
.izquierda { float: left; }
div.clear { clear: both; }
</style>
</head>
<body>
<div id="paginacion">
<span class="izquierda">« Anterior</span>
<span class="derecha">Siguiente »</span>
<div class="clear"></div>
</div>
</body>
</html>
y despues dice aclarando el ejercicio
Al añadir un <div> con la propiedad clear: both, se tiene la seguridad de que el <div> añadido
se va a mostrar debajo de cualquier elemento posicionado con float ( hasta aca todo bien)
(esta es la parte q no entiendo en comillas)" y por tanto, se asegura que el <div> original tenga la altura necesaria como para encerrar a todos sus contenidos posicionados con float."
Como es esto último? es que al poner el segundo div con clear y estar abajo de las cajas flotantes el tamaño del primer div llega hasta donde comienza el segundo div con clear ?
Valora esta pregunta
0
era mas o menos lo que suponia .