你怎麼有大約一個多DIV + CSS填充

Question

我有以下的css把填充圍繞一個div：

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

它在細胞內部HTML表中的偉大工程，直到內容（這恰好是當我在firefox中看到它時，它看起來像試圖爲內容的每一行添加填充（即使它全部在一個div內），所以我在第二行之上得到了一些奇怪的空間重疊覆蓋第一行的一部分

是否有解決此問題或其他解決方案不會在多行中斷的解決方法

Answer 1

它正在添加此填充，因爲您已將.orangeAllday和.orangeAll Day a包括在一起，因此鏈接&元素.orangeAllday將得到5px的填充。

您需要將它們像這樣分離：

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

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

這與你只想.orangeAllDay元素填充的假設做，但希望保留背景/顏色鏈接a。

Answer 2

你已經得到了圍繞div的填充（.orangeAllDay）和的鏈接。你所看到的是鏈接的填充。有幾種解決方法，具體取決於HTML的外觀。

如果它僅包含的鏈接，我建議以實際下降的股利，只是有鏈接顯示爲一個塊：

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

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