html – 我的div大于窗口的宽度

这是我的div的css.我希望背景能够填满整个屏幕,但它比我的屏幕分辨率更大,所以会出现一个底部滚动条

.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;
}

解决方法

您可以使用Box-sizing

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

这使得当您添加填充,边距或边框时,它不会影响宽度. (这不适用于IE7及以下版本)