How to "clear" overflow:visible elements?

Question

I have one div element at the top of my page that is set to overflow:visible. Immediately beneath it, I have the page content.

I do not want the top div to expand, because of aesthetic reasons, but I would like the content below to treat the overflow from above as it would a block element...by "clearing" it.

I know about CSS clear...but it doesn't seem to apply to overflow.

Is there a correct method to do this?

Answer 1

The overflow:visible doesn't really have anything to do with the issue, as it's the default.

Set the height of the top div, and put another floating div inside it for the content. The floating div will expand outside the top div, and you can use the clear style to get below it.

Answer 2

try

overflow: auto;

it will expand the div and should solve your problem