Css 块位置问题

我对CSS还很陌生，但我希望这是我明显缺少的东西。 在上，Twitter块似乎向右浮动或左边框为40px。我明确地将边距设置为0px，并清除了浮动等，但没有效果。从Firefox WebDeveloper插件来看，

.tweet ul

似乎有问题，但我似乎无法修复它。有人能给我解释一下发生了什么事吗？ 干杯 克里斯

这应该可以解决它

#tweets ul { padding: 0px; }

---

ul

s在大多数浏览器（即WebKit 40px）中默认有左填充。

它实际上有

左填充

而没有边距。这是

ul

元素的默认样式。要取消它，您应该放置

填充：0在
#tweet ul
样式声明中

有几点建议：


使用Firebug进行开发，它远远优于WebDeveloper插件。使用它，我能够立即发现问题
使用CSS重置样式表，删除这些默认样式声明，并跨浏览器对其进行规范化（浏览器之间的默认值不一致）。最著名的是，我个人在我开发的每个网站上都使用
由于css选择器的原因，您的样式未被应用。您的选择器是

.twitter ul, li {}

而元素的html是

<div id="tweets">
    <ul class="twitter">...</ul>
</div>

或者您可以使用“twitter”对父div重新分类

哪个更接近你原来的选择器。
@chris robinson；我检查了你的
twitter/style.css
你的主要问题是你错误地声明了css，这就是为什么属性不起作用的原因

错误的css声明：

.twitter #tweets {
    background: #111;
    padding: 0 0px;
    padding-bottom:20px;
    text-align:left;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-color:#AAA;
    border-style:solid;
    border-width:2px;
    margin:0px;
}

.twitter ul, li {
    list-style-type: none;
    background: #222;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-color:#AAA;
    border-style:solid;
    border-width:1px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    margin:0px;
    -webkit-padding-start:10x;
}

.twitter #tweets a {
    color: #AAA;
    text-decoration:none;
}

.twitter #tweets a:hover {
    color: #AAA;
}

如果你检查你的html，你的twitter类在里面，而不是在外面。所以，首先纠正你的css

正确的css:

#tweets .twitter {
        background: #111;
        padding: 0 0px;
        padding-bottom:20px;
        text-align:left;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border-color:#AAA;
        border-style:solid;
        border-width:2px;
        margin:0px;
    }

    #tweets ul.twitter li {
        list-style-type: none;
        background: #222;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border-color:#AAA;
        border-style:solid;
        border-width:1px;
        padding-left:0px;
        padding-right:0px;
        padding-bottom:0px;
        margin:0px;
        -webkit-padding-start:10x;
    }

    #tweets .twitter  a {
        color: #AAA;
        text-decoration:none;
    }

    #tweets .twitter a:hover {
        color: #AAA;
    }

您使用的是哪种浏览器（和版本）？我试过Firefox 3.6、4.0、Chrome 12和iOS Safarit。在大多数情况下，浏览器之间的默认值是相当一致的，但列表是它们不一致的地方之一。IE使用边距缩进列表；其他浏览器使用填充。感谢您的输入，Firebug是awesome1@downvoter当前位置我想知道，你为什么投了反对票。我也喜欢学习，如果我的答案是错误的。也许它被否决了，因为推特是一个id，而不是一个类？“如果你把它修好，也许它会再次被选中？”寒冷的夏威夷人thx alot说。这可能确实是关键，否决票是有道理的。这就是为什么我感谢对否决票的评论。知道错误比怀疑要好：-）你帮了我的忙。@Chris我认为sandeep在修复你的选择器方面已经做了足够的工作。不过，作为另一个提示，不要使用以破折号“-”开头的css规则，这些不是标准规则，可能不会被正式接受为css标准。是的，很抱歉。在他发布修复之前，我有点仓促地发表了评论。我只是在尝试使用-webkit填充的东西，但我的印象是，要在Firefox中使用圆角边框，您需要
-moz border radius
规则？@Chris-moz border radius在Firefox 4+中被替换为标准边框半径规则，请参阅。你为什么只想为Firefox开发呢？无论如何，您可以看到我在使用border radius时使用的JSFIDLE示例。它适用于IE 9、Chrome和Opera。我用Firefox5测试版测试了它，效果很好，我相信它也能在Firefox4上使用。我在Safari中试过，但没有成功，这令人惊讶。不过，这是5个浏览器中的4个…感谢您的澄清。我的印象是，不支持
-moz border radius
的浏览器会忽略它，并将
border radius
规则考虑在内，如果两者都定义了？如果是这样的话，我这么做只是为了向后兼容。@Chris啊，我明白了，我想我对这方面的研究还不够，别介意，忽略我之前的评论。
#tweets ul, li {...}

.twitter #tweets {
    background: #111;
    padding: 0 0px;
    padding-bottom:20px;
    text-align:left;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-color:#AAA;
    border-style:solid;
    border-width:2px;
    margin:0px;
}

.twitter ul, li {
    list-style-type: none;
    background: #222;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-color:#AAA;
    border-style:solid;
    border-width:1px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    margin:0px;
    -webkit-padding-start:10x;
}

.twitter #tweets a {
    color: #AAA;
    text-decoration:none;
}

.twitter #tweets a:hover {
    color: #AAA;
}

#tweets .twitter {
        background: #111;
        padding: 0 0px;
        padding-bottom:20px;
        text-align:left;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border-color:#AAA;
        border-style:solid;
        border-width:2px;
        margin:0px;
    }

    #tweets ul.twitter li {
        list-style-type: none;
        background: #222;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border-color:#AAA;
        border-style:solid;
        border-width:1px;
        padding-left:0px;
        padding-right:0px;
        padding-bottom:0px;
        margin:0px;
        -webkit-padding-start:10x;
    }

    #tweets .twitter  a {
        color: #AAA;
        text-decoration:none;
    }

    #tweets .twitter a:hover {
        color: #AAA;
    }