100vw causing horizontal overflow, but only if more than one?

by

As already explained by wf4, the horizontal scroll is present because of the vertical scroll. which you can solve by giving max-width: 100%.

.box {
    width: 100vw;
    height: 100vh;
    max-width:100%;  /* added */
}

Working Fiddle

More Related Contents:

  1. How to remove the spaces between the form and the footer as shown below in the picture?
  2. How to change the cursor into a hand when a user hovers over a list item?
  3. What does the CSS rule “clear: both” do?
  4. CSS scoped custom property ignored when used to calculate variable in outer scope
  5. Why do the :before and :after pseudo-elements require a ‘content’ property?
  6. Hide text node in element, but not children
  7. How and where to use ::ng-deep?
  8. CSS transparent curved shape with two rounded sides
  9. Is the CSS :not() selector supposed to work with distant descendants?
  10. How to animate handwriting text on the web page using SVG?
  11. Combining :last-child with :not(.class) selector in CSS
  12. Using HTML data-attribute to set CSS background-image url
  13. What does + mean in CSS? [duplicate]
  14. How can I apply multiple transform declarations to one element?
  15. Float right and position absolute doesn’t work together
  16. Converting and rendering web fonts to base64 – keep original look
  17. Why doesn’t inset box-shadow work over images?
  18. text-overflow ellipsis on flex child not working [duplicate]
  19. Make HTML5 video poster be same size as video itself
  20. Why does stacking order change on webkit filter hover?
  21. css text gradient
  22. Is this possible to create 2-axis 4 color gradient in css (bilinear gradient)?
  23. Make CSS3 triangle with linear gradient
  24. Can I have different colored left and top borders in CSS?
  25. Safe width in pixels for printing web pages?
  26. Difference between flex-end and end? [duplicate]
  27. CSS text align justify big spaces
  28. CSS: equal height columns
  29. Purpose of *:before, *:after rule without content property
  30. selector for nth nested elements

Leave a Comment