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

Question

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

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

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

Answer 1

Вариант A:

1. Удалить очистить: оба из # очищены
2. Обернуть # плавая внутри другого div, дать новый div overflow:hidden; zoom:1;

Если это испортит текст #content, поместите текст внутри этого нового div:

http://medero.org/clear2.html

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

Вариант B:

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

Дополнительно:

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

http://medero.org/clear3.html