Languages
Questions
All Questions Ask Question
css
programming
webdev
100vw
width
100
1 more ...
EN

CSS - why does width: 100vw causes horizontal overflow?

1 answers
0 points
Asked by:
nickkk0
647

Why does width: 100vw causes horizontal overflow making my web page more than 100vw?

1 answer
0 points
Answered by:
nickkk0
647

The horizontal scrollbar appears because the vertical scrollbar's width is being taken into account.

Set your main component width to 100vw, then use width: 100% for the rest of your components. You can also use max-width: 100vw for the main component.

0 comments Add comment
Donate to Dirask
Our content is created by volunteers - like Wikipedia. If you think, the things we do are good, donate us. Thanks!
Direct link
Join to our subscribers to be up to date with content, news and offers.
Native Advertising
🚀
Get your tech brand or product in front of software developers.
For more information Contact us
Dirask - we help you to
solve coding problems.
Ask question.

❤️💻 🙂

Join