CSS不同的分辨率

Question

在不同的分辨率下，搜索输入只是向上和向左移动，我无法修复它。

<div id="container" style="margin:0 auto; max-height:100%; ">
    <nav id="nav" style="margin:0 auto; background-color:#2d3e46; position:fixed; width:100%; height:77px; overflow:hidden;">
        <div class="logo" style="background-image:url('images/arti.png'); width:68px; height:40px; margin-top:1.1%; margin-left:6%;"></div>
        <form method="POST" style="margin-top:-2.4%">
            <input type="text" class="search" style="position:relative; background-color:white;width:207px; height:30px; border-radius:2px; text-indent:4px; margin-left:25%;" />
            <br />
        </form>
    </nav>
</div>

Answer 1

.logo元素具有基于％的边距，因此它将始终根据不同的分辨率进行更改。

Answer 2

约瑟夫说 一些元素具有基于百分比的边距，并且作为结果，当在不同分辨率上观看时这些元素将移动，尝试给它们固定边距，fx，10px。