Выровняйте элементы div рядом, используя float [duplicate]
На этот вопрос уже есть ответ здесь:
Как я могу выровнять два деления по горизонтали? [Дубликат] 10 ответовЯ в основном бэкэнд-разработчик, но пытаюсь сделать верный макет. В основном я создаю страницу представления списка, которая будет содержать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?