删除不必要的空白区域

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;}