My div is larger than the width of my window

css, html

Solution

You can use box-sizing

-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;

This makes it so when you add padding, margin, or borders it will not effect the width. (this will not work IE7 and below)

Problem

This is the `css` of my `div`. İ expect the background to fill the whole screen but it is bigger than my screen resolution, so a bottom scroll bar appears ``` .hero-unit { padding:60px; margin-top: 60px; background: url("../img/bar2.jpg") no-repeat scroll 0; height:233px; width:100%; left:0px; background-size: cover; position:absolute; background-color:#eeeeee; } ```

Original source