Why is a horizontal scroll bar appearing if none of the elements are wider than the 960px container?

user_550221 0
Viewed 35011

Everything is wrapped in a div with an id="main_wrap"

the main wrap has this style:

#main_wrap{
  margin:0 auto;
  width:960px;
  position:relative;
}

Since everything is wrapped inside of this div, I don't understand why a horizontal scroll bar would appear at the bottom.

layout css
6 Answers

Working 100%

if you are using bootstrap it takes margin-left & right 15px (or) -15px

you need to change 15px to 0px

Example

.main_wrap .row{
  margin-left:0px;
  margin-right:0px;
}
user_127361610

If you change width to 100% it helped you, but if you don't want,
just try add external <div style="width:100%"></div>
like this: 

    <div style="width:100%">
       <div class="main_wrap">
          %your content%
       </div>
    </div>
user_73425530
Related