Aby zrobił Ci się poziomy suwak musisz umieścić element który ma szerokość większą niż szerokość ekranu, ale to bardzo brzydko wygląda. Chyba, że chodzi Ci o to, aby strona zamiast scrollować się od góry do dołu scrollowała się na boki. Załóżmy, że chcesz mieć stronę o szerokości 5ciu szerokości ekranu. Wtedy dajesz takie coś:
.kontenerstrony { height: 100vh; width: 500vw; }
Jednostka vh to viewport height czyli wysokość ekranu. 1vh jest równe 0.01 wysokości ekranu. Podobnie jest z vw, tyle że vw tyczy się szerokości. Jednostki te mogą być używane do tworzenia stron responsywnych.