Page Width Exceeds The 100% Of The Screen Width

I have a strange problem, I was designing a page and after I finished, found that there is a horizontal scroll bar in the bottom of the page, I checked the page html but found that

Solution 1:

Using the your web inspector go through and delete interior elements until the scroll bar goes away. Then fix the width for that element (float:left may work). Probably what is happening is there is an element which is too wide for the page. It is not breaking anything, it is just causing the scroll bar.

Solution 2:

The easiest way to do it I found is by

* {
  max-width: 100%;
}

Solution 3:

This issue came for me , I have searched through the complete page and there is a div whose width is in 10000 because of that the page is showing a horizontal bar i have changed it to 100% and the issue is fixed i wonder why that is issue is only coming for me in the chrome and edge and not coming in firefox

Please comment down below if the issue for you is only coming in chrome and not in firefox.

Code after fix is

<div id="ext-comp-1025" style="height: auto; width: 100%;"