Question

我想摆脱黑暗的div左边和右边的空白区域。我怎样才能做到这一点？我用Google搜索说只是添加填充：0px;和保证金：0px;但那没用。有什么想法吗？

/*Start of header styling*/

#header {
  background-color: RGB(57, 89, 100);
  Height: 75px;
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
}
/*End of header styling*/

body {
  display: block;
}
#subHead {
  background-color: RGB(39, 39, 39);
  height: 100px;
  padding: 0px;
  margin: 0px;
  height: 350px;
}
/*Start of footer styling*/

/*End of footer styling*/

<div id="header">
  <h1>&zwj;</h1>
</div>

<div id="subHead">
  <h1>&zwj;</h1>
</div>

Answer 1

通过添加

重置CSS

html, 
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

通常将此类默认样式的CSS重置应用于文档，以便您可以从一个干净的平板开始。 Here是关于重置CSS样式表主题的一些很好的信息。

＆＃13;

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
#header {
  background-color: RGB(57, 89, 100);
  Height: 75px;
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
}

#subHead {
  background-color: RGB(39, 39, 39);
  height: 100px;
  padding: 0px;
  margin: 0px;
  height: 350px;
}

＆＃13;

<div id="header">
  <h1>&zwj;</h1>
</div>

<div id="subHead">
  <h1>&zwj;</h1>
</div>

＆＃13;

Answer 2

将margin: 0添加到您的body规则

Answer 3

小标题div不是绝对定位的，所以它被身体的边缘限制。

一种解决方案是从身体上移除边距

body{
margin:0px;
}

另一个解决方案是绝对定位子div

#subhead{
position:absolute;
width:100%;
left:0px;
}

您可以添加top:75px;将其放置在顶部div下方。

如何摆脱div左右两侧的空白区域？

3 个答案: