Добавление текстового поля разрушает макет меню

Question

Я работаю над небольшим проектом с ASP и C#.

В моем проекте я использую MasterPage для Панели навигации в верхней части моих страниц, похожие на что:

Панели навигации содержит некоторые нормальные навигационные точки и один, чтобы выйти с float: right;

На всех моих разных страницах это работает, за исключением одного. Единственное отличие в том, что на этой специальной странице у меня есть TextBox-элементы, как это:

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

Как только я только ввести один из этого Textboxes мой Панель навигации выглядит следующим образом:

Не имеет значения, какой элемент я добавляю, все в порядке, за исключением этих текстовых полей.

Я заметил, что это происходит только в Google-хроме, а не в Firefox, а не в Internet Explorer или Edge. Еще одна вещь, о которой я узнал, заключается в том, что устранение и включение CSS-правила в Chrome-Page-Inspector устраняет эту проблему.

Я не знаю, что делать ... Заранее благодарим за вашу помощь!

Answer 1

Наконец-то выяснилось, что добавление display: inline; к навигационным панелям <ul> - это все, что нужно сделать.

Другой способ - это использовать столбцы таблицы. Один для обычного контента и один для выхода из системы.

Спасибо за другие ответы!

Answer 2

Иногда у меня такая же проблема. Когда вы меняете его в инспекторе, заходите в свой код и делайте те же изменения и сохраняйте/стройте, переходите в веб-браузер и делаете жесткое обновление с помощью «ctrl + F5». Если он все еще не работает, заверните свой выход в ссылку в div и затем вызовите его в CSS. Установите положение относительно, а затем поместите верх: -55px;