Css 令人费解的缩进

Css 令人费解的缩进,css,indentation,Css,Indentation,此文件中存在一个缩进,导致元素“scroller”的左边距正好为30px。我找不到这是什么原因。它快把我逼疯了 问题出在这个文件的某个地方: html <div id="wrapper"> <div id="scroller" align="left" style="left:0; text-align:left; margin:0; padding:0;"> <ul id="thelist"> <li&

此文件中存在一个缩进,导致元素“scroller”的左边距正好为30px。我找不到这是什么原因。它快把我逼疯了

问题出在这个文件的某个地方:

html

<div id="wrapper">
    <div id="scroller" align="left" style="left:0; text-align:left; margin:0; padding:0;">
        <ul id="thelist">
            <li>Pretty row 1</li>
            <li>Pretty row 2</li>
            <li>Pretty row 3</li>
            <li>Pretty row 4</li>
            <li>Pretty row 5</li>
            <li>Pretty row 6</li>
        </ul>
    </div>
</div>

有人能帮我减轻痛苦,找到令人不快的CSS吗?

解决99%的问题:


您可以使用
*{margin:0;padding:0;}
作为快速修复,但CSS重置表应用于生产。

测试简单的CSS重置:

* { margin: 0px; padding: 0px };

删除边距并删除所有内容

* {
margin: 0;
padding: 0;
}
在text.css中:

您的所有列表项都保留了一个边距:

li {
   margin-left: 30px;
}
当您不需要它时,必须覆盖它;如果您在任何地方都不需要它,则必须将其删除


在css框中搜索
/*Fixed

你看不到Firebug的设置吗?它应该是这样的吗?因为我看不到任何左边距:好了,开始吧:我想这与text.css中的
li{margin left:30px;}
有关。谢谢你的时间我还是看不到这个缩进。。。你是如何让它在JSFIDLE上“工作”的?我将上面链接中提供的所有样式复制到小提琴中:@Robin Knight-如果这是答案,别忘了给他答案!
li {
   margin-left: 30px;
}