我创建了以下内容并删除了填充和边距但是当我在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>
谢谢
这是你的问题:
<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
只需在该行之后添加分号并将其固定:)