Wyrównaj elementy div obok siebie za pomocą pływaków [duplikat]
To pytanie ma już odpowiedź tutaj:
Jak mogę wyrównać dwa divy w poziomie? [duplikować] 10 odpowiedziJestem głównie programistą backendów, ale staram się uzyskać odpowiedni układ. Zasadniczo tworzę stronę widoku listy, która będzie zawieraćdiv
tag po lewej, który ma kilka filtrów (listy rozwijane, pola wyboru itp.). Po prawej stronie ekranu mamdiv
znacznik zawierający siatkę. Wydaje się, że to działa, ale wygląda okropnie, gdy jestem nad głową lub gdy ekran nie jest maksymalny. Czy robię to dobrze? Zasadniczo oto, czego szukam:
CSS, który zrobiłem w tym celu, było tak proste:
.filterContainer {
width:20%;
float:left;
}
.gridContainer {
width:79%;
float:right;
}
Gruntownie.filterContainer
jest moja lewa stronadiv
(dLeft) i.gridContainer
ma racjędiv
(dRight). Czy dotyczy to tego, co próbuję osiągnąć? Wynik jest pokazany tutaj:
http://i.imgur.com/WFasMF1.png
Jeśli jednak zmienię rozmiar okna, otrzymam następujący wynik:
http://i.imgur.com/4u9HRlK.png
To chyba normalne, ponieważ zmieniam rozmiar, ale czy mój css jest prawidłowy?