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

前端之家收集整理的这篇文章主要介绍了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及以下版本)

猜你在找的HTML相关文章