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

【问题标题】：Adding a Textbox destroys Menu-Layout添加文本框会破坏菜单布局
【发布时间】：2016-01-20 13:58:02
【问题描述】：

我正在做一个使用 ASP 和 C# 的小项目。

在我的项目中，我使用母版页作为页面顶部的导航栏，如下所示：

导航栏包含一些普通的导航点和一个用float: right;注销的导航点

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

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

只要我只输入其中一个文本框，我的导航栏就会如下所示：

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

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

我不知道该怎么办... 提前感谢您的帮助！

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

最终结果是，将display: inline; 添加到导航栏<ul> 就是全部了。

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

感谢其他答案！

【讨论】：