Question

我遇到网页问题，正文没有占据整个网页的宽度。 [！[在此处输入图像说明] [1]] [1]

如您所见，屏幕右侧有“蓝色间隙” 我检查了视口，“重置”了html，添加了100％宽度0边距等等......但仍然无法正常工作。有任何想法吗？我甚至都不知道它会是什么。

这就是我在其中一个CSS文件中所拥有的

body{
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    line-height:1.42857143;
    color:#333;
    background-color:#fff; 
    margin:0; 
    border:none; 
    padding:0;
}

这是用于网站的另一个CSS

body{
   margin:0; 
   padding:0; 
   border:none;
}

我在头部的标签中也有相同的值（边距，填充和边框，0和无）。：（

Answer 1

试试这个：

body {
   margin:0;
}

Answer 2

请尝试这个。

＆＃13;

body { 
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 
}

＆＃13;

<html>
<head></head>
<body>
  This is a test.
</body>

＆＃13;

Answer 3

我想建议你总是使用通用选择器（*）将所有标签的填充和边距重置为0.不要让你的代码变得复杂和纠结。尝试将代码编写为

＆＃13;

*{
 padding : 0;
 margin : 0;
 }
html{
 width:100%;
 height:900px; /* height depends on you're requirement*/
	}
body{
	width:100%;
	height:600px; /* height depends on you're requirement*/
	background:#999;
  }

＆＃13;

<!doctype>
<html>
<head>
  <title> Full Size Body Width </title>
</head>
<body>
   Demo Webpage.
</body>
</html>

＆＃13;

我希望这会对你有所帮助。

身体不占全屏宽度

3 个答案: