Utilizacion de propiedad height
Publicado por Israel (51 intervenciones) el 08/08/2021 12:43:54
Genero un <div> con un ancho y alto especfico y dentro de el un <p> al que le fijo un ancho y alto del 50%.
<style>
body{
margin:0;}
div{ border:solid 4px red;
width:500px;
height:300px;}
p{ margin:0;
border:solid 4px blue;
width:50%;
height:50%;}
</style>
<body>
<div>
<p>Esto es un parrafo</p>
</div>
</body>
Funciona todo perfecto. Ahora bien, si elimino el <div> y dejo el estilo de <p> tal y como esta, la anchura de su rectangulo se ajusta al 50% de la ventana del Navegador (como era esperable), pero en cambio la altura no se ajusta a la mitad de la altura de la ventana del navegador (de hecho no se modifica). pq??????esto es una inconsistencia del lenguaje CSS????
<style>
body{
margin:0;}
p{ margin:0;
border:solid 4px blue;
width:50%;
height:50%;}
</style>
<body>
<p>Esto es un parrafo</p>
</body>
Un saludo.
<style>
body{
margin:0;}
div{ border:solid 4px red;
width:500px;
height:300px;}
p{ margin:0;
border:solid 4px blue;
width:50%;
height:50%;}
</style>
<body>
<div>
<p>Esto es un parrafo</p>
</div>
</body>
Funciona todo perfecto. Ahora bien, si elimino el <div> y dejo el estilo de <p> tal y como esta, la anchura de su rectangulo se ajusta al 50% de la ventana del Navegador (como era esperable), pero en cambio la altura no se ajusta a la mitad de la altura de la ventana del navegador (de hecho no se modifica). pq??????esto es una inconsistencia del lenguaje CSS????
<style>
body{
margin:0;}
p{ margin:0;
border:solid 4px blue;
width:50%;
height:50%;}
</style>
<body>
<p>Esto es un parrafo</p>
</body>
Un saludo.
Valora esta pregunta
0
