Очистить внутри div A очищает поплавок div B, который находится вне div A

Question

Это проблема, которую я имел несколько раз при попытке создать макеты с боковой панелью.

Я сделал пример здесь: http://samutz.com/div.html

#content есть вещи внутри него, что нужно плыть, а затем ясно в пределах только #content. Но когда я пытаюсь очистить внутри #content, он также очищает float # sidebar, несмотря на то, что #sidebar находится вне #content.

Answer 1

Вариант А:

1. Удалить ясно: как из #cleared
2. Wrap #floating в другой DIV, дать новый Div overflow:hidden; zoom:1;

Если это ухудшит #content текст , введите текст в этот новый div:

http://medero.org/clear2.html

Объяснение техники переполнения: http://work.arounds.org/clearing-floats/

Вариант B:

Вы можете абсолютно позиционировать врезку, но вы, возможно, придется возиться с мин- высот, если он становится длинным.

Extra:

Если вам нужно содержать боковую панель с главной обертке:

http://medero.org/clear3.html