Geek asks and answers

CSS overflow problem

I use overflow: hiddenon my site to gain control over the end of a float.

Which so far has always worked perfectly.

I know there are several different approaches to completion floats, but the trick overflowusually works best.

However, this time I can not understand.

If you look at the next page and try to adjust the volume, you will see that the volume control is under my heading.

http://pieterhordijk.com/sandbox/html5-audio-api/mp3-format

The problem is #content-container div

When I delete overflow, the volume control iterates over my title (this is what I want).

But I can’t just refuse overflow, or I have to lead to another solution for managing the floats, which I don’t want to do if it is NECESSARY.

Anyone have a solution to this problem?

+3
source share
2 answers

You can give a snippetsdiv clear:both. In any case, you have an element, and I assume that you do not want it to wrap around the navigator, so it does not just add ethereal elements / classes for this.

+3
source

You have already chosen the answer, but there are some problems that should be pointed out. First, cleaning is <br>not semantic; it adds extra code and can cause problems in some browsers.

, CSS3 . , . , , .

clearfix. , CSS3.

-

http://perishablepress.com/press/2009/12/06/new-clearfix-hack/

http://fordinteractive.com/2009/12/goodbye-overflow-clearing-hack/

+4

More articles:


All Articles