从无序HTML列表中删除缩进

div.content

包含两个

li的
ul.searchlist
（带白色背景的区域）在左侧没有完全对齐，因为它有一些额外的间距（带红色背景的区域），我不知道是什么导致它出现以及如何删除它

说明：


HTML:


书名
副标题







CSS:

#正文内容{浮点：左；宽度：700px；背景：黄色；}
.content.searchlist{float:left；宽度：700px；列表样式：无；边距：15px 0；背景：红色；}
.content.searchlist li{填充：10px；浮点：左；宽度：688px；背景：#fcfcfc；边距底部：6px；}
.content.searchlist li img{float:left；margin right:10px；}
.content.searchlist li a{font:bold 18px Arial，Helvetica，无衬线；颜色：#666；}

从
ul
中删除默认
左侧填充（此缩进确保标记不会被推到列表之外）和从
li
中删除自定义
填充应起作用：

.content ul.searchlist{左填充：0；}
.content ul.searchlist li{padding:10px 0；}

opera下一步，chrome、safari和webkit似乎都在左侧添加
40px
的
padding
：

资料来源：

ul, menu, dir {
  display: block;
  list-style-type: disc;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 40px;
}

修正：

#body content>div>ul{padding left:0；}
您正在查找
列表样式类型：
而不是
列表样式：
，然后需要将其
边距和
填充设置为
0
，或w/e

.content .searchlist {
    float: left;
    width: 700px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background: red;
}

试试这个：

.content .searchList {
   padding-left: 0px;
}

ul
元素默认以一点
填充开始。
我认为您应该在另一个代码之前重置默认样式表。这是最好的做法。例如：

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

将
填充设置为
0
：

.content .searchlist {
   background: none repeat scroll 0 0 #FF0000;
   float: left;
   list-style: none outside none;
   margin: 15px 0 0;
   width: 700px;
   padding: 0;
}

谢谢你的回答，但它不起作用！即使在你的例子中，它似乎也不起作用！尝试使用他的CSS，而不是添加CSS@OzzC看看我的答案。
UL
已经有as-tyle。感谢您的帮助，它是正确的，因此我需要接受答案，但在我的示例中它仍然不起作用！我的
更多信息现在在左边，但它不像在你的jsfiddle中那样被卡住了！真的不明白我做错了什么@OzzC:它在下面完全向左浮动：。我添加了
正文{margin:0}
属性。或者，
body content
父元素具有
margin
或
padding
属性，因此我无法在您的示例中看到它们。非常感谢您的帮助和关注！它现在起作用了：）尝试使用他的CSS，而不是添加CSS。这有助于学习过程。公平点是qsquatch，我希望有一些简单的方法来提高这些人对内置开发工具的认识，这将使他们的生活更容易知道ctrl+shift+I做了什么。是的，我总是
右键单击->检查元素
或
ctrl+shift+I
如果不仅仅是为了窥探网站上的酷功能。尝试使用他的CSS，而不是添加CSS。它有助于学习过程。经过编辑，可以准确地确定OP在CSS中如何定位元素。您可以使用
*{margin:0；padding:0；}
，而不是列出元素。。。它还会导致依赖于默认行为的任何其他操作出现问题。我们也可以使用*{margin:0；padding:0}，但我建议使用长代码。大多数开发人员都使用这种方式，我从未见过有人用这种方式。如果您打算花时间列出标记，那么不妨将这些修复添加到该标记的样式中。如果您要默认这么多，那么在开发开始时将它们全部默认，并在CSS中重新建立它们的样式<代码>*{}
也将在大多数浏览器中读取。就个人而言，我只是不使用重置，因为您可以为自定义站点的每个元素使用重置。你不应该为了让其他人对你的网站进行如此简单的更改而编写代码。以Facebook为例。