clear внутри float-блока

[ViES]

Вот суть моей проблемы:

при использовании div:clear внутри блока контента, все съезжает вниз, ровно на высоту левой колонки.

если div с параметром clear находится внутри таблицы, то такого не происходит.

Edited January 4, 2012 by ViES

[Gaspode]

А "живой" код можно посмотреть?

[ViES]

http://jsfiddle.net/ViES/Gwsq9/ Edited January 4, 2012 by ViES

[ViES]

вроде нашел решение, убрал margin-right:152px; и поставил overflow:auto;

могут ли возникнуть проблемы с этим решением?

тока начал осваивать блочную верстку..

[SelenIT]

Проблемы — только если понадобятся элементы, "торчащие" из этого блока, типа выносок, кастомных всплывающих подсказок и лайтбоксов, при них будет появляться скроллинг.

Вообще всё верно — clear работает в рамках блочного контекста, по умолчанию блок идет в том же контексте, что левая колонка, а overflow создает для блока свой отдельный контекст. Такой же эффект дают display:table/table-cell (поэтому в таблице clear не проваливался) и inline-block, можно подбирать что-то из этого по ситуации.