Altezza del DIV - Come funziona?
Allora, è da mesi che mi ritrovo sempre con questo problema e non sono mai riuscito a capire dove sbaglio.
In questa mia pagina ho creato due div affiancati, e fino a qui tutto bene. Ora, siccome è una prova di responsive design, restringendo la finesta del browser ad un certo punto cambia il formato e i div si spostano uno sotto l'altro. Ma quando questo accade, il div blu diventa basso e i div degli articoli escono fuori.
Codice HTML:
<div class="content">
<?php
...
?>
<div class="news">
<p class="news_title">Title1</p>
<br>
<p class="news_data">29/05/97</p>
<br>
<p class="news_articolo">Lorem ipsum sim amet</p>
</div>
</div>
e il CSS:
Codice:
.content{
margin:0px 0px 4px 0px;
background-color:#2A3C82;
padding:1%;
display:block;
height:auto;
}
. Quello che non riesco a capire è come mai accada questo. Di sicuro è un mio erroe, perché mi capita spesso. Ma dove sbaglio? Il div non dovrebbe adattarsi al contenuto?
Grazie a chi mi aiuta a capire questa cosa, ciao!
