Unexpected scrollbars appearing in mobile version of a website
1. Setup: <!– styles –> <style> body { height: 100vh; width: 100vw; margin: 0; overflow: hidden; } .square { height: 100px; width: 100px; background-color: red; } </style> <!– body –> <body> <div class=”square”></div> </body> 2. Add the following CSS properties to .square: position: absolute; left: 100%; top: 0; 3. Observe the page in the browser: … Read more