html - 页面宽度超过浏览器窗口宽度。使用html和css

Question

http://jsfiddle.net/WJywf/

我得到了额外的边宽。不知道是什么原因造成的。尝试了开发人员工具。页面宽度超过浏览器窗口，尝试改变背景宽度

body,
html {
 text-shadow: 0px 1px 0px white;
 margin: 0px;
 min-height: 100%;
 background-size: cover;
 font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 font-size: 16px;
}
.backgrnd{
 position: fixed;
 z-index: -9999;
 top: 0px;
 left: 0px;
 right: 0px;
 bottom: 0px;
 background: url('../Img/bg2.jpg') no-repeat;
 filter: blur(10px);
 background-size: cover;
}
.container {
 height: 100%;
 width: 100%;
 position: relative;
 bottom: 0px;
 right: 0px;
 }

.content {
  padding-bottom: 75px;
  height: 100%;
 }

Answer 1

您的 .search 类的宽度为 100%，左边距为 10%。这导致了问题。更新您的 .search 类，如下所示。

.search {
float: left;
margin-left: 10%;
width: 90%;
display: block;
padding-bottom: 5px;
}