html - 位置固定不跟随屏幕分辨率

Question

我会建立一个网页，主菜单总是在屏幕上这样

屏幕分辨率超过 1300px 没有任何问题，我们可以查看上图。

当我尝试调整浏览器大小时为了更改设备的分辨率，导航栏不遵循浏览器分辨率，如下图所示

这是我页面的代码:

<style>
    .container{
        background-color: red;
        max-width: 1300px;
        /*allienamento div principale a centro*/
        margin:0 auto;
        width: 100%;
        height: 5500px;
    }
    .logo{
        background-color: #00387C;
        width:220px;
        height: 200px;
        z-index: 2;
        position: fixed;
        padding-left: 20px;
    }
    nav.mainmenu{
        width: 100%;
        height: 160px;
        position: fixed;
        top:0;
        padding: 0;
        z-index: 1;
        max-width: 1300px;
        margin:0 auto;
        background-color: #ffedb3;
        border-bottom-color: silver;
        border-bottom-style: ridge;
        border-bottom-width: thin;
        box-shadow: 0px 5px 5px rgba(0,0,0,.1);
        padding-right: 1px;
        margin-right: 1px;
    }
</style>
<div class="container">
    <div class="logo">

    </div>
    <nav class="mainmenu">

    </nav>
</div>

Answer 1

应用CSS规则

html{ margin:0px; padding:0px;}
body{ margin:0px; padding:0px;}