使UI元素在左侧

Question

我写的下一个的jsfiddle开始：

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

我试图把在左侧UL：

我试着做：

margin-left:0px; 
float: left; 

但它不起作用。

任何帮助赞赏！

Answer 1

您可以添加：

ul#advancedTargeting { 
    padding-left: 0; 
} 

Updated Fiddle

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

使用上述代码，您可以将ul的padding-left值重置为默认0。

使用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;