Question

我的标题左侧有一个间距，我有麻烦摆脱。如果有人能帮助我，我会非常感激。这是我的html和css。

HTML

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <link rel="stylesheet" href="style.css"/>
    <title></title>
</head>
<body>
    <Header>
        <div id="logo"></div>
        <nav>
            <ul>
                <li><a href="index.html">home</a></li>
                <li><a href="about.html">about me</a></li>
                <li><a href="portfolio.html">portfolio</a></li>
                <li><a href="blog.html">blog</a></li>
                <li><a href="contact.html">contact</a></li>
            </ul>
        </nav>
    </Header>
</body>
</html>

CSS

body{
    width: 100%;
}

header{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 77px;
    background: #cccccc;
}

#logo{
    float: left;
}

nav{
    float: left;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

li{
    display: inline;
}

Answer 1

我必须在css中添加一个余量：0到我的身体。

标题左侧不需要的空间

1 个答案: