Sto iniziando a studiare i CSS e per fare esperimenti ho creato un body con dentro due colonne laterali equidistanti dai lati sinistro e destro della pagina.
Le colonne le ho posizionate con le regole float: left; e float: right;
Quindi tutto quello che metto dopo queste colonne dovrebbe essere "risucchiato" e posizionato in mezzo, giusto?
E infatti così avviene, ho inserito un paragrafo e si posiziona tra le 2 colonne.
Ma se applico uno sfondo e un bordo a questo paragrafo, perché vanno ad occupare anche la parte delle 2 colonne?
Sfondo e bordo non dovrebbero comportarsi come il testo? Ossia posizionarsi tra le 2 colonne?
Questo è il link del mio file di test:
Anche se potete benissimo visualizzare il sorgente, vi incollo direttamente qui le regole css:
Codice:<style type="text/css">
body { padding: 10%;
border: solid 2px blue; }
.colonnaS {
width: 15%; float: left; border: solid 2px red;
margin: 10px; padding: 5px;
}
.colonnaD {
width: 15%; float: right; border: solid 2px red;
margin: 10px; padding: 5px;
}
.paragrafo {
border: solid 2px red; background-color: yellow;
}
</style>
