На этот вопрос уже есть ответ здесь:

Я в основном бэкэнд-разработчик, но пытаюсь сделать верный макет. В основном я создаю страницу представления списка, которая будет содержатьdiv тег слева, который имеет несколько фильтров (выпадающие списки, флажки и т. д.). На правой стороне экрана у меня будетdiv тег, который содержит сетку. Кажется, это работает, но выглядит ужасно, когда я перегружен или когда у меня не максимальный экран. Я делаю это правильно? В основном вот то, что я после:

CSS, который я сделал для этого, был так же прост:

.filterContainer {
    width:20%; 
    float:left;
}


.gridContainer {
    width:79%; 
    float:right;
}

В основном.filterContainer мой левыйdiv (dLeft) и.gridContainer мое правоdiv (DRight). Это действительно для того, чего я пытаюсь достичь? Результат как показано здесь:

http://i.imgur.com/WFasMF1.png

Однако, если я изменю размеры моего окна, я получу следующий результат:

http://i.imgur.com/4u9HRlK.png

Что, я думаю, нормально, потому что я изменяю размер, но действителен ли мой CSS?