我创建了以下内容并删除了填充和边距但是当我在Firebug中查看时,有一个40px,我不明白它来自哪里:
<html>
<head>
<style type="text/css">
ul{
list-style: none;
margin: 0
padding-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
}
li{
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<ul>
<li>Item 1</li>
<li>Item 1</li>
<li>Item 1</li>
<li>Item 1</li>
<li>Item 1</li>
<li>Item 1</li>
<li>Item 1</li>
</ul>
</body>
</html>
由于
答案 0 :(得分:5)
这是你的问题:
<style type="text/css">
ul{
list-style: none;
**margin: 0**
padding-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
}
li{
margin: 0;
padding: 0;
}
</style>
如您所见,
缺少分号margin: 0
只需在该行之后添加分号及其固定的:)