【问题标题】: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 规则位于链接样式表的底部。

非常感谢!

-阿扎

【问题讨论】:

    标签: css inheritance padding margin


    【解决方案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" 后面的逗号而不是分号。

        【讨论】:

        • 哇,非常感谢。不用说我有点尴尬。但是,嘿,我非常感谢您的帮助,下次我一定会检查流氓逗号!
        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2015-10-02
        • 1970-01-01
        • 2015-07-12
        • 2019-12-06
        • 2021-04-17
        • 2015-06-20
        相关资源
        最近更新 更多