Foros del Web - Ver Mensaje Individual - el DIV container no tiene la altura del DIV info, ¿por qué?

SLD · #3 (**permalink**) 27/10/2019, 05:47

He dejado las dos cajas solas y hecho muchas pruebas, sin embargo la altura de caja naranja siempre está mala:

Código:

<!DOCTYPE html><html><head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Caja Naranja</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
*{margin:0;padding:0;}
body,html{
	margin:0;
	padding:0;
	height:100%;
	background:#e4fee0;
	color:#000006;
	font-family:verdana;
	font-size:0.90em;
	}
#container{height:100%;background:orange;margin-top:-1.1em;margin-left:3.00em;margin-right:3.00em;box-shadow:0 18px 28px 0 gray;}
#informacion{min-height:100%;background:#aabbcc;padding-bottom:3em;float:right;margin-right:1em;width:calc((100% - 220px) - 30px);}
#pie {
	position:fixed;
	width:100%;
	bottom:0;
	color:#fff;
	background:#000;
	font-size:6.5pt;
	text-align:center;
	}
.nv{
clear:both;
border:0;
margin:0;
padding:0;
visibility:hidden;
}
</style></head><body>
<div id="container">
<div id="informacion">
<p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p><p>info</p>
</div>
<div class="nv"></div>
</div>

<div id="pie">leyenda</div>

</body></html>

... alguna lúz ?