Clear inside div A sta cancellando il float di div B, che è al di fuori di div A

Question

Questo è un problema che ho avuto diverse volte durante il tentativo di creare layout con una barra laterale.

ho fatto un esempio qui: http://samutz.com/div.html

#content trovi roba interno che deve galleggiare e poi chiaro entro solo #content. Ma quando provo a cancellare #content, cancella anche il float della barra laterale #, nonostante #sidebar sia al di fuori di #content.

Answer 1

Opzione A:

1. Rimuovere chiaro: sia dal #cleared
2. Wrap #floating all'interno di un altro div, dare al nuovo div overflow:hidden; zoom:1;

Se questo scombina il testo #content , inserisci il testo all'interno di questo nuovo div:

http://medero.org/clear2.html

Spiegazione per la tecnica overflow: http://work.arounds.org/clearing-floats/

Opzione B:

Si può anche assolutamente posizionare la barra laterale, ma si potrebbe avere a pasticciare con numero minimo di altezze se diventa lunga.

Extra:

Se è necessario contenere la barra laterale con il tuo involucro principale:

http://medero.org/clear3.html