Mam trzy divy w obrębie zawartości div.

Szerokość pojemnika 70%. Wewnątrz tego mam -Left, szerokość 20%. -Zawartość, szerokość 60%. -Prawa, szerokość 20%.

Chciałbym, aby pojemnik zajmował 70% szerokości strony, a pojemniki wewnętrzne (po lewej, treści i po prawej) zajmowały 20%, 60% i 20% diva kontenera.

Wypróbowałem tutaj inne pytania, wypróbowałem Google, ale nie mogę znaleźć właściwej odpowiedzi. Pomóż mi powstrzymać ich od nakładania się.

Ale kiedy zmieniam rozmiar przeglądarki, div się nakładają. Lubię to:

Oto odpowiedni kod CSS:

#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;
}