[分享]css两个div之前有间隙

在CSS中，两个div之间会出现间隙的情况比较常见。这个间隙的产生往往是由于CSS中的一些默认属性所引起的。下面介绍一些常见的解决方法。div { float: left; } div + div {...

在CSS中，两个div之间会出现间隙的情况比较常见。这个间隙的产生往往是由于CSS中的一些默认属性所引起的。下面介绍一些常见的解决方法。

div {
    float: left;
}

div + div {
    margin-left: -3px;
} 

方法一：使用float属性

将两个div都设置为float:left。这样可以让它们在同一行显示。但是如果没有其他解决方式，这种方法会导致两个div之间出现3px的间隙。

因此，要使用下面的代码来解决这个问题。div + div代表选择第二个div标签：

div + div {
    margin-left: -3px;
} 

由于第二个div标签的margin-left被设置为-3px，间隙也就被消除了。

方法二：使用font-size属性

另一种解决方法是将父元素的font-size属性设置为0。这会使两个div之间的间隙不再出现。但是需要注意的是，需要将子元素的font-size属性设置为正常大小，以确保它们正常显示。

.parent {
    font-size: 0;
}

.child {
    font-size: 16px;
} 

以上是解决两个div之间的间隙的两种方法。具体使用哪种方法，需要根据实际情况来选择。如果还有其他问题，可以查阅CSS文档或向相关论坛提问，以获得更好的解决方案。