Question

我创建了以下内容并删除了填充和边距但是当我在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>

由于

Answer 1

这是你的问题：

 <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

只需在该行之后添加分号及其固定的：）

CSS样式列表

1 个答案: