Question

我有以下CSS定义HTML中<div>元素的样式：

#nav {
    float: left;
    clear: both;
    width: 100%;
    height: 50px;
    margin: 0;
    padding: 0;
    background: #3E6ECE;
}

但是，出于某种原因，页面呈现白色边框，如下图所示：

Full-Width Navbar Problems

任何人都可以向我解释我做错了什么吗？如何让蓝色条移动到窗口的整个宽度？

作为参考，我的HTML结构包含在下面：

<!DOCTYPE html>
<html>
    <head>
        <!-- Header stuff -->
    </head>
    <body>
        <div id='nav'></div>

        <!-- Other body stuff -->

    </body>
</html>

Answer 1

尝试删除body元素上的填充+边距

如何在网页上创建全角栏？

1 个答案: