CSS - Duda float dentro de contenedor div

   
Vista:
Imágen de perfil de Warrior

Duda float dentro de contenedor div

Publicado por Warrior (1 intervención) el 19/07/2016 13:44:18
Hola,

Tengo una duda. Dentro de un contenedor en div, tengo dos floats, la cuestión es que si bien ancho no se salen deste, si se salen de alto. No se lo que pasa, Espero que me lo podais explicar para entenderlo, gracias.

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<style type="text/css">
body {
  font: 13px/1.6 Tahoma, sans-serif;
  background: #F5F5F5;
}
 
.izquierda {
  float: left;
  clear: left;
}
 
.derecha {
  float: right;
  clear: right;
}
 
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
 
#contenedor {
  background: #FFF;
  border: 1px solid silver;
  margin: 1em auto;
  padding: 1em;
  width: 768px;
}
 
 ul li div span label {
  display: block;
  font: normal 0.8em arial, sans-serif;
  color: #333;
}
span.requerido {
  font-size: 1.3em;
  font-weight: bold;
  color: #C00;
}
</style>
 
 
 
</head>
<body>
 
 
<div id="contenedor">
 
<h2>Formulario de Alta</h2>
<form method="post" action="#">
<ul>
 
<li class="izquierda">
 
<label>Datos persoais</label>
	<div>
 
	<span class="completo">
		<input id="nombre" name="nombre" value=""/>
		<label for="nombre"> Nombre</label>
	</span>
 
 
 
	<span class="completo">
		<input id="apellido1" name="apellido1" value=""/>
		<label for="apellido1"> Apellido1</label>
	</span>
 
 
	<span class="completo">
		<input id="apellido2" name="apellido2" value=""/>
		<label for="apellido2"> Apellido2</label>
	</span>
 
 
	</div>
 
</li>
 
 
 
 
 
 
 
 
<li class="derecha">
<label>Direccion</label>
<div>
	<span class="completo">
		<input id="Direccion" name="Direccion" value=""/>
		<label for="Direccion"> Direccion</label>
 
	</span>
 
 
 
		<span class="completo">
		<input id="ciudad" name="ciudad" value=""/>
		<label for="ciudad"> ciudad</label>
 
	</span>
 
 
		<span class="completo">
		<input id="provincia" name="provincia" value=""/>
		<label for="provincia"> provincia</label>
 
	</span>
 
</div>
 
 
</li>
 
 
 
</ul>
 
</form>
 
 
 
 
 
</div>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve

Duda float dentro de contenedor div

Publicado por xve (350 intervenciones) el 19/07/2016 15:34:33
Añadele en el #contenedor esto:

1
overflow:hidden;

Lo que te hace, es crecer la capa...
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar