如何在多行div周围使用css填充

它添加了这个填充,因为您已经包括了 .orangeAllday 和 .orangeAll Day a 一起,所以链接和元素 橘子节 将得到5倍的填充。

你需要这样把它们分开:

.orangeAllDay {
    background: #fab384 !important;
    color: white;
    padding: 5px;
}

.orangeAllDay a {
    background: #fab384 !important;
    color: white;
}

.orangeAllDay a

你把沙发垫起来了( .orangeAllDay ) 链接。你看到的是链接的填充。有几种方法可以解决这个问题,具体取决于HTML的外观。

如果它只包含链接,我建议实际删除div并将链接显示为一个块:

<a href="..." class="orangeAllDay">...</a>

a.orangeAllDay {
    background: #fab384 !important;
    color: white;
    padding: 5px;
    display: block;
}