Wie verhindere ich, dass sich diese Divs überschneiden?

Question

Jun 12, 2012, 08:24 AM

Wie verhindere ich, dass sich diese Divs überschneiden?

Ich habe drei divs, innerhalb eines Inhalts div.

Behälterbreite 70%. Darin habe ich -Links, Breite 20%. -Inhalt, Breite 60%. -Recht, Breite 20%.

Ich möchte, dass der Container 70% der Seitenbreite einnimmt und die inneren (links, inhaltlich und rechts) 20%, 60% und 20% des div. Containers.

Ich habe andere Fragen hier ausprobiert, ich habe Google ausprobiert, kann aber anscheinend nicht die richtige Antwort finden. Bitte helfen Sie mir, dass sie sich nicht überschneiden.

Aber wenn ich den Browser verkleinere, überlappen sich die Divs. So was:

Hier ist der relevante CSS-Code:

#container{
    width: 70%;
}
#left {
    float: left;
    width: 20%;
    min-width: 200px;
}
#content {
    float: left;
    width: 60%;
    min-width: 600px;
}
#right {
    float: right;
    width: 20%;
    min-width: 200px;
}