CSS李名单，从左边

保证金不`吨我明白为什么我利润率从左边：CSS李名单，从左边

example

CSS：

html, body { 
    font-family:Myriad Pro, sans-serif; 
    font-size:18px; 
    color:#000; 
    margin:0px; 
    padding:0px; 
    background: url('./images/background.png'); 
} 

#container { 
    width:890px; 
    height:530px; 
    margin:36px auto; 
} 

#userList { 
    width:228px; 
    height:355px; 
    float:right; 
    border:1px solid #cccccc; 
} 

.users li { 
    list-style-type:none; 
    background-color: #f2f2f2; 
    width:100%; 
    height:50px; 
    border-bottom: 1px solid #cccccc; 
}

HTML：

<div id="userList"><ul class="users"><li><img src="./pic/none.png">Piet van Meerdijk</li><li><img src="./pic/none.png">Henk v/d Wal</li></ul></div>

当我把margin-left：-40px;在CSS代码中，li项目现在位于左侧，但是然后我有右侧的余量。为什么？

的jsfiddle：http://jsfiddle.net/8Cwcy/

来源

2014-02-08 DazDylz

的<ul>标签具有自动40px的padding，所以你将需要更改为0px：

ul { 
    padding: 0px; 
}

这应该在所有的浏览器。

小提琴：http://jsfiddle.net/8Cwcy/3/

来源

2014-02-08 16:10:54 Anonymous

适用于谷歌浏览器，但不适用于Firefox，IE浏览器等。是否有修正适用于所有浏览器？ – DazDylz

哦，我的坏。一会儿... – Anonymous

好吧，我更新了答案。 – Anonymous

默认情况下，大量的HTML元素在许多浏览自己的CSS规则，并<ul>标签在默认情况下的填充。您需要设置填充：0像素脱<ul>标签：

ul{ 
padding:0px; 
}

http://jsfiddle.net/8Cwcy/1/

如果您想了解更多关于CSS重置规则遵循this链接。

来源

2014-02-08 16:17:58 mbecares

CSS李名单，从左边

回答

相关问题