制作ul元素从左侧开始

Question

我写下一个jsfiddle：

http://jsfiddle.net/alonshmiel/Ht6Ym/2409/

我尝试将ul放在左侧：

我试着这样做：

margin-left:0px;
float: left;

但它不起作用。

任何帮助表示赞赏！

Answer 1

您可以添加：

ul#advancedTargeting {
    padding-left: 0;
}

<强> Updated Fiddle

这是因为某些浏览器有一些HTML元素的默认样式。

您可以使用以上代码将padding-left的{​​{1}}值重置为默认ul。

使用css重置脚本重置浏览器应用的所有默认样式以使您的css与各种浏览器兼容是一个好习惯。您可以从cssreset.com

找到它

Answer 2

您的<ul>元素is positioned as fixed并且内联样式为left: 55px;。

首先将其更改为left: 0;。如果您不想从文档正常流中删除元素（以使float属性起作用），请避免使用固定定位。

此外，网络浏览器会在HTML列表元素上应用左边距，例如<ul>和<ol>。您需要将padding重置为padding-left: 0。

但是，最好使用CSS重置来重置所有默认用户代理样式表。

要么是一个小小的：

* { padding: 0; margin: 0;}

或well-known version。

<强> UPDATED DEMO

Answer 3

你应该设置：

padding-left:0px;

http://www.w3schools.com/css/css_boxmodel.asp - 检查一下以获得清晰的图片。

Answer 4

这是解决方案，只需使用padding-left：0;