Se supone que si no definimos el tamaño del width
este toma como referencia el tamaño de la caja padre.
En este ejemplo hay una imagen dentro de un div
y este a su vez se encuentra dentro de un nav
el cual tiene un ancho y un alto definido.
En teoría el tamaño del width
del div
debe ser igual al del nav
, ya que es la etiqueta padre. Mi duda es, ¿por qué el alto (height
) del div
aumenta si en la etiqueta padre ya lo he establecido?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
nav {
width: 540px;
height: 540px;
}
</style>
</head>
<body>
<nav>
<div class="pana"><img src="https://static.wikia.nocookie.net/yugiohenespanol/images/5/54/Foto_kaibaman.jpg/revision/latest?cb=20120414171837&path-prefix=es"></div>
</nav>
</body>
</html>