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之间间距（边距）的东西。我必须在浮动之后将100％宽度添加到DIV，否则存在白色间距。必须是CSS技巧吗？

DIV间距的困难

1 个答案: