How to remove the horizontal scroll bar Web page?

When writing on the page "accidentally" horizontal scroll bar will appear, the solution is as follows:

Copy the following code to the head section of the style sheet, it will be solved

html {
overflow-y: scroll;
}

:root {
overflow-y: auto;
overflow-x: hidden; 
}

:root body {
position: absolute;
}

body {
width: 100vw;
overflow: hidden;
}