CSS导航栏问题

Question

css codehtml codeproblem I'm having我一直在尝试修复我的 html/css 代码以使“注销”按钮与搜索栏、图标和其余部分并排显示导航栏元素。如果我将其设为锚标记，则它非常适合，但因为我需要它在表单中，所以我需要它是提交按钮类型。唯一可行的方法是给它一个负的上边距，这并不理想，因为您压缩页面的次数越多，按钮的位置就越高。我不知道如何解决这个问题，迫切需要一些帮助。

Answer 1

将 nav/chid 元素的显示弹性设置为并排。

.navbar { 
     display: flex;
}

<div class="navbar">
    <a href="#">Link</a>
    <form action="#" class="navbar">
        <input type="text">
        <button>Button</button>
    </form>
</div>