En este artículo, aprenderemos cómo hacer que un div vacío ocupe espacio usando CSS.
Enfoque: la solución es dar un poco de altura (o altura mínima) y ancho (o ancho mínimo) a su div HTML. Cuando establece un alto y ancho particular para un div, no importa si está vacío o desbordado, solo ocupará el espacio que se indica en el código.
Ejemplo: en el siguiente código, el espacio vacío se logra dando una altura de 200 px y un ancho de 400 px.
HTML
<!DOCTYPE html>
<html>
<head>
<style>
.box{
width: 400px;
height: 200px;
border: 2px black solid;
}
</style>
</head>
<body>
<h2 style="color:green">GeeksforGeeks</h2>
<b>
<p>Empty space around div</p>
</b><br/>
<div class="box"></div>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por chiragchouhan163 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA