刪除不必要的空白區域

Question

我有這個片段類，用紅色標記一個區域。 我的系統分為兩種類型：類別和規則。 當規則被分段時，它們很好地接收新的css類並且它看起來很合適，但它與類別不同，它們在類別的頂部有不必要的空白區域。

這是我的意思的截圖：

這是一個現場演示，您可以查看源代碼以獲取更多信息，因為我不能提供正確的代碼，因為我不是該樣式的原始作者：

http://zirotec-uka.com/dugi/phpBB3/rules.php#rule1

謝謝。

Answer 1

你有一個規則指定h3 { margin-top: 20px; } h3 { margin-top: 20px; } 。 這就是導致空間的原因。

您可以使用#main h3 { margin-top: 0; } #main h3 { margin-top: 0; } 。

Answer 2

你需要設置

#main ul h3, #main ol h3 { margin-top: 0;}

Answer 3

您只需要刪除“填充”CSS元素。

您可以靜態執行此操作，如下所示：

$("#rule1").css("padding-top", "0px");

看看它現在的樣子：

http://imgur.com/erWTH

Answer 4

這是由.fragment中的填充引起的（style.php：4007）

.fragment {
    padding: 5px 5px 0 5px;
    background-color: #ECD5D8;
    color: #BC2A4D;
    font-weight: bold;
}

您需要更改此項或覆蓋它。

Answer 5

問題是由瀏覽器設置的默認填充，可以通過以下規則解決

#rules li{ padding:0px;}