在页眉中浮动，在导航列表和浏览器边缘之间没有间隙

Question

如何将标题中的导航列表浮动到左侧，而不在列表左侧创建间隙？请告诉我，我必须改变或添加什么，才能不产生差距？在我的屏幕上，差距很明显，大约1厘米宽，在右侧导航菜单/列表上，没有差距。请告诉我如何让我的左边菜单像我右边的菜单一样浮动。

<!DOCTYPE html>
<html>
    <head>
        <style>
            header {text-align:center;}
            nav#right_menu > ul > li{display: block;float:right;position:relative; width:25px;}
            nav#left_menu > ul > li{display: block;float:left;position:relative; width:25px;padding: 0px;margin:0px; border:0px; text-align:left;}
        </style>
    </head>
    <body>
        <header>
            <nav id="left_menu">
                <ul id="left_menu">
                    <li>Hi1</li>
                    <li>Hi</li>
                </ul>
            </nav>
            <nav id="right_menu">
                <ul>
                    <li>Hi1</li>
                    <li>Hi</li>
                </ul>
            </nav>
            <img id="logo" src="logo.png" alt="logo" />
        </header>
    </body>
</html>

markt用ul {padding:0;}回答了这个问题，我添加的解决这个问题的代码是: nav#left_menu > ul {padding:0;}编辑:如果我在浮动时两边都有这个间隙问题，我会使用markt的确切代码；然而，我只有在左边的菜单上有问题，所以我使用了我的代码，即使markt的代码也可以工作。

Answer 1

它在ul上进行填充。

尝试添加：

ul { padding: 0; }

到你的css