CSS <li> 的填充和边距根本不起作用答案

【问题标题】：padding and margin for CSS <li> simply NOT WORKINGCSS <li> 的填充和边距根本不起作用
【发布时间】：2010-08-12 04:00:35
【问题描述】：

我在这个网站上工作，我有一个非常大的 .css 文档。出于某种原因，我无法让这些列表项具有 0px 以外的任何填充或边距。

我不知道它可能从哪里继承，以及我为什么要写作

{
margin: 5px;
padding: 5px;
}

什么都不做！

这里是site，我指的是一个非常丑陋的亮绿色元素，其类为“.wiffleMainNav ul li”。

CSS 规则位于链接样式表的底部。

非常感谢！

-阿扎

【问题讨论】：

【解决方案1】：

你的定义中有一个逗号。

改变这个

.wiffleMainNav ul li {
    display: block;
    float: left;
    padding: 5px, /* PROBLEM! :) */
    margin: 0px 2px;
    background: green;
}

到此

.wiffleMainNav ul li {
    display: block;
    float: left;
    padding: 5px; /* FIXED */
    margin: 0px 2px;
    background: green;
}

【讨论】：

【解决方案2】：

您在填充行的末尾有一个逗号：

padding: 5px,
margin: 0px 2px;

【讨论】：

【解决方案3】：

你的 css 使用这个：

.wiffleMainNav ul li { 显示：块；向左飘浮; 填充：5px，边距：0px 2px；背景：绿色； }

注意 "padding: 5px" 后面的逗号而不是分号。

【讨论】：