Ясное внутреннее отделение A очищает плавание отделения B, который является за пределами отделения A

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

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

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

9
задан mskfisher 10 May 2012 в 08:45
поделиться

1 ответ

Вариант A:

  1. Удалить clear:both из #cleared
  2. Завернуть #floating внутрь другого div, дать новому div overflow:hidden; zoom:1;

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

http://medero.org/clear2.html

Пояснение к технике overflow: http://work.arounds.org/clearing-floats/

Вариант B:

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

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

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

http://medero.org/clear3.html

5
ответ дан 3 November 2019 в 07:12
поделиться