How to hide the overflow on an HTML page using css

The overflow shorthand CSS property sets what to do when an element’s content is too big to fit in its block formatting context. It is a shorthand for overflow-x and overflow-y.To achieve this set overflow: hidden; on the body tag like this follow the steps Below:

<style type="text/css">
    body {
        overflow: hidden;
    }
</style>
The code above hides both the horizontal and vertical scrollbar.
 To hide only the vertical scrollbar, use overflow-y:
<style type="text/css">
    body {
        overflow-y: hidden;
    }
</style>
While to hide only the horizontal scrollbar, use overflow-x:
<style type="text/css">
    body {
        overflow-x: hidden;
    }

Note that: It’ll also disable the scrolling feature.