Hola, tenía una duda que aunque he conseguido solucionar no sé muy bien a qué se debe.
Tengo una serie de cajas
Todo programado lo más simple del mundo, es una serie de divs con su anchura, altura y tal, y algunos de ellos como inline-block, absolutamente nada más.
La cuestión es que se marca una diferencia si pongo los <p> que hay en todos los divs como float o como position:absolute, y no entiendo muy bien por qué pasa esto ya que en teoría creo que no debería afectar. En concreto si no pongo ninguna de estas propiedades lo que muestra es esto:
¿Alguien puede explicarme por qué sin poner esas propiedades se muestra mal?
La estructura viene a ser la que sigue
<div id="superior">
<div id="uno">
<p> Logo1 </p>
</div>
<div id="dostres">
<div id="dos">
<p> Logo2 </p>
</div>
<div id="tres">
<p> Logo3 </p>
</div>
</div>
</div>
<div id="inferior">
<div id="cuatro">
<p> Logo4 </p>
</div>
<div id="cinco">
<p> Logo5 </p>
</div>
<div id="seisieteocho">
<div id="seis">
<p> Logo6 </p>
</div>
<div id="sieteocho">
<div id="siete">
<p> Logo7 </p>
</div>
<div id="ocho">
<p> Logo8 </p>
</div>
</div>
</div>