添加文本框会破坏菜单布局

Question

我正在使用ASP和C＃开展一个小项目。

在我的项目中，我使用了页面顶部导航栏的母版页，看起来像这样：

导航栏包含一些常规导航点和一个使用float: right;

注销的导航点

在我所有不同的页面上，除了一个之外，这个作品除外。 唯一的区别是，在这个特殊页面上，我有一些像这样的文本框元素：

<asp:TextBox ID="tbTOP1sum" runat="server"></asp:TextBox>

只要我输入其中一个文本框，我的导航栏就像这样：

添加什么类型的元素并不重要，一切都没问题，除了这个文本框。

我注意到这只发生在Google-chrome中，而不是Firefox，而不是Internet-Explorer或Edge。我发现的另一件事是，在Chrome-Page-Inspector中禁用和启用CSS规则可以解决问题。

我不知道该做什么...... 在此先感谢您的帮助！

Answer 1

我有时会遇到同样的问题。当您在检查器中更改它时，请进入您的代码并进行相同的更改并保存/构建，转到Web浏览器并使用“ctrl + F5”进行硬刷新。如果它仍然不起作用，请将注销包装在div中的链接中，然后在CSS中调用它。将位置设置为relative，然后将顶部设置为：-55px;

Answer 2

最后证明，将display: inline;添加到导航栏<ul>即可。

另一种方法是使用表格列。一个用于正常内容，一个用于注销。

感谢其他答案！