Contenitore non contiene altezza figli

**Roland Deschain** · 11-10-2012, 16:52

codice:

.contenitore{
	width: 1024px;
	height: auto;
	margin: 0 auto;
	padding: 100px 40px 100px 40px;
}

.colSx{
	float: left;
	width: 170px;;
	height: auto;
	margin-right: 10px;
	padding: 0px 0px 10px 0px;
}

.colCtr{
	float: left;
	width: 634px;
	height: auto;
	padding: 15px 10px 10px 10px;
	overflow: hidden;
}

.colDx{
	float: left;
	width: 170px;
	height: auto;
	margin-left: 10px;
	padding: 0px 0px 10px 0px;
}


<body>
    	<div class="contenitore">
   

            <div class="colSx">
            	  bla bla bla 
            </div>
            
            
            <div class="colCtr">
                   contenuto lungo
            </div>
 
            <div class="colDx">
                 bla bla 
            </div>

        </div>	
</body>

Vorrei che il contenitore fosse alto quanto il più alto tra colSx colDx e colCtr.
Dove sbaglio?

Edit: ho già provato settando un'altezza fissa in pixel e in % ma niente...

**marco_c** · 11-10-2012, 17:13

un contenitore senza float:left che contiene figli con float:left è ovvio che si comporta in modo imprevedibile

**Roland Deschain** · 11-10-2012, 17:18

Originariamente inviato da marco_c
un contenitore senza float:left che contiene figli con float:left è ovvio che si comporta in modo imprevedibile

Che bagigio che sono!

Graaaaaazie!

**Experiment8** · 12-10-2012, 15:26

Prova aggiungendo Display: block e Overflow: hidden al contenitore, lasciando height: auto, dovrebbe risolvere.

**Roland Deschain** · 14-10-2012, 11:40

Originariamente inviato da Experiment8
Prova aggiungendo Display: block e Overflow: hidden al contenitore, lasciando height: auto, dovrebbe risolvere.

In realtà ho visto che basta mettere Overflow: hidden... però non ho capito xkè funziona

me lo spieghi?

**Experiment8** · 14-10-2012, 19:39

Con overflow: hidden ovviamente gli assegni la proprietà di nascondere il contenuto in eccesso, ma in eccesso rispetto all'altezza, se l'altezza non è definita, seguirà l'altezza del contenuto

Discussione: Contenitore non contiene altezza figli

Strumenti discussione

Ricerca discussione

Visualizza

Contenitore non contiene altezza figli

Permessi di invio