html - DIV间距的困难

Question

我正在开发一个类似于此的网站:

http://rogerdudler.github.io/git-guide/

我似乎无法弄清楚这个人是如何让每个部分 DIV 相互接触的。我查看了他的 CSS 的每一行，但无济于事。他的边距设置为0，我的也是，但还是有间距。

我的似乎是间隔的。我可以通过为自己的 DIV 着色和调整边框大小来解决此问题，但我认为这不是最佳做法。

使用 Bootstrap 和我自己的自定义 css:

html {
overflow-y: scroll;
}

body {
font-size: 30px;
text-align: center;
margin: 0;
padding: 0;
    }

#blocks {
position: relative;
margin: 0;
width: 100%;
color: white;
padding-top: 80px;
padding-bottom: 80px;
font-family: 'Quicksand', sans-serif;
  }

div {
display:block;


}

.coherence-principle {
background-color:#348fd4;

}


.signalling-principle {
background-color:#9DDFFF;

}

.redundancy-principle {
background-color:#5B51CC;
color:white;
}

Answer 1

我想我回答了我自己的问题。 我这样做了:

div {
display:block;
float:left;
width:100%;
}

float:left 消除了 DIV 之间的间距(边距)。 我必须在 float 之后将 100% 宽度添加到 DIV，否则存在空白。一定是 CSS 技巧？