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.
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
0
