Float left w dwóch div'ach szerokości strony...

Question

Witam. Mam taki kod:

<div style="width: 100vw; height: 100vh; float: left;"></div>
<div style="width: 100vw; height: 100vh; float: left;"></div>
<div style="clear: both;"></div>

i nie wiem dlaczego, ale div'y nie ustawiają się obok siebie. Czy ktoś wie jak to osiągnąć?

Answer 1

Takie pytanie podpowiedz:

Jak mają się ustawić obok siebie dwa divy, kiedy każdy z nich ma szerokość okna przeglądarki?

Jeśli chcesz, aby pojawiał się poziomy scroll-bar, umieść te divy w containerze o większej szerokości.

Przenieś style do CSSa - nie mieszaj warstw.

clear: both -> poszukaj rozwiązania na pseudoklasie

Comments

No tak! Zapomniałem dać containerowi większej szerokości... Logiczne

 

Przenieś style do CSSa - nie mieszaj warstw.

clear: both -> poszukaj rozwiązania na pseudoklasie

 Kod który wstawiłem jest tylko schematyczną strukturą tego co mam w kodzie strony (nie chciało mi się nadawać klas i pisać osobnego okna z css'em), także ok.

Dziękuję bardzo za odpowiedź :)

Answer 2

Może powiedź co chcesz osiągnąć, ponieważ trochę dziwnie ten kod wygląda.