Effacer la division interne A efface le flottant de div B, qui est en dehors de div A

Question

C'est un problème que j'ai eu plusieurs fois en essayant de créer des dispositions avec une barre latérale.

Je fait un exemple ici: http://samutz.com/div.html

#content a des choses à l'intérieur qui doit flotter et claire au sein #content seulement. Mais lorsque j'essaie d'effacer à l'intérieur de #content, cela efface aussi le flottant de # la barre latérale, bien que #sidebar soit en dehors de #content.

Answer 1

Option A:

1. Retirez clear: both de #cleared
2. Wrap #floating dans un autre div, donner la nouvelle div overflow:hidden; zoom:1;

Si ce bousille texte #content , mettez le texte à l'intérieur de cette nouvelle div:

http://medero.org/clear2.html

Explication technique de débordement: http://work.arounds.org/clearing-floats/

Option B:

Vous pouvez également placer absolument la barre latérale, mais vous pourriez avoir à jouer avec min-hauteurs si elle devient long.

supplémentaire:

Si vous avez besoin de contenir la barre latérale avec votre emballage principal:

http://medero.org/clear3.html