float: elemento esce dal div

[Vincent.Zeno]

non so perché... mai notato prima

perché un elemento con float:right o left esce o può uscire dal contenitore? :master:

qui esce solo img

<div style="border:1px solid red; ">
<p style="">parole...</p>
<img style="float:right;">
</div>

qui escono entrambi

 <div style="border:1px solid red; ">
<p style="float:left;">parole...</p>
<img style="float:right;">
</div>

dovrò mica mettere per forza altri due contenitori?

[mucu]

metti overflow:hidden al div oppure usa una delle tecniche di "float clearing"
e adesso dicci la verità, ci stai pigliando in giro? dov'è il tranello?

[Vincent.Zeno]

bhè... non ci crederai... sarà che le poche volte che mi sono imbattuto in questo problema ho ovviato per altre strade possibili in quei contesti...
ma è la prima volta che affronto il problema "di petto"

http://www.quirksmode.org/css/clearing.html

ma come potevo immaginare che settando width
avrei avuto un effetto su height?

div.container {
	border: 1px solid #000000;
	overflow: hidden;
	width: 100%;
}

div.left {
	width: 45%;
	float: left;
}

div.right {
	width: 45%;
	float: right;
}