取消两个div之间距离
时间: 2023-07-08 18:33:41 浏览: 153
设置margin和padding为0可去掉DIV与DIV的空白
要取消两个div之间的间距,可以使用CSS中的负边距(negative margin)来实现。
1. 将第一个div的margin-bottom设置为负值,大小等于第二个div的margin-top的大小。
```
div:first-child {
margin-bottom: -10px; /* 假设第二个div的margin-top为10像素 */
}
```
2. 将第二个div的margin-top设置为负值,大小等于第一个div的margin-bottom的大小。
```
div:last-child {
margin-top: -10px; /* 假设第一个div的margin-bottom为10像素 */
}
```
完整的CSS代码如下:
```
div {
width: 100px;
height: 100px;
background-color: #ccc;
margin: 10px;
}
div:first-child {
margin-bottom: -10px;
}
div:last-child {
margin-top: -10px;
}
```
其中,div元素的宽度、高度和背景色可以根据实际情况进行设置。div元素的margin设置为10像素,表示每个div之间的间距为10像素。第一个div的margin-bottom设置为-10像素,第二个div的margin-top设置为-10像素,可以取消两个div之间的间距。
阅读全文