Почему элемент съезжает из-за кнопки

@Сергей Мишин · Регистрация: 19.07.2016

Студворк — интернет-сервис помощи студентам

Что не так,опыт работы с сайтами большой,такой пустяк не могу сделать.
При добавлении кнопки в Навигационную панель,див съезжает.

Вот код:

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
.nav1 { 
 
position:relative;
display:inline-block;
width:150px;
height:50px;
border:none;
 
}
 
.nav2 {
    
    position:relative;
display:inline-block;
width:850px;
height:50px;
border:none;
margin-top:50px;
}
.button { width:90px; height:50px; background-color:transparent; border:none;  font-family: 'Marketing Script', arial; font-size:24px; color:#fff; position:relative }

HTML5
1
2
3
4
5
6
7
8
9
10
<body>
<nav>
 <div class="nav1"></div>
 
 <div class="nav2"> <!-- сюда кнопки -->
 </div>
 
 
</nav>
</body>

Вот так выглядит без кнопок(градиент убрал там много кода)

а вот добавил кнопки

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<body>
<nav>
 <div class="nav1"></div>
 
 <div class="nav2">
 <input type="button" class="button" value="test" />
 <input type="button" class="button" value="test" /> <!-- сюда кнопки -->
 </div>
 
 
</nav>
</body>

Как я заметил то имменно фиолетовый элемент сьехал вверх,чем синий вниз

margin-top НИКАК не влияет на это,я проверил.

@Shakalaka · 02.08.2016, 09:35

Сообщение от Сергей Мишин

Что не так,опыт работы с сайтами большой,такой пустяк не могу сделать.

Сообщение от Сергей Мишин

margin-top НИКАК не влияет на это,я проверил.

Очень интересно....

CSS
1
2
3
div{
vertical-align:top;
}

и посмотрим что там не влияет

@Сергей Мишин · 02.08.2016, 16:33 **[ТС]**

А почему так? У меня теперь div будет всегда вверх выравнивается? Я и раньше делал панели навигации,почему только сейчас?

Добавлено через 1 час 20 минут
Оказывается нужно чтобы в обоих дивах были какие-то элементы типа текста,но каким образом это влияет на расположение?

Новые блоги и статьи Все статьи Все блоги /
1С: Программный отбор элементов справочника по группе Maks 22.03.2026 Установка программного отбора элементов справочника "Номенклатура" из модуля формы документа. В качестве фильтра для отбора справочника служит группа номенклатуры. Отбор по наименованию группы. . .	Как я обхитрил таблицу Word Alexander-7 21.03.2026 Когда мигает курсор у внешнего края таблицы, и нам надо перейти на новую строку, а при нажатии Enter создается новый ряд таблицы с ячейками, то мы вместо нервных нажатий Энтеров мы пишем любые буквы. . .	Krabik - рыболовный бот для WoW 3.3.5a AmbA 21.03.2026 без регистрации и смс. Это не торговля, приложение не содержит рекламы. Выполняет свою непосредственную задачу - автоматизацию рыбалки в WoW - и ничего более. Однако если админы будут против -. . .	1С: Программный отбор элементов справочника по значению перечисления Maks 21.03.2026 Установка программного отбора элементов справочника "Сотрудники" из модуля формы документа. В качестве фильтра для отбора служит значение перечислений. / / Событие "НачалоВыбора" реквизита на форме. . .
Переходник USB-CAN-GPIO Eddy_Em 20.03.2026 Достаточно давно на работе возникла необходимость в переходнике CAN-USB с гальваноразвязкой, оный и был разработан. Однако, все меня терзала совесть, что аж 48-ногий МК используется так тупо: просто. . .	Оттенки серого Argus19 18.03.2026 Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .	SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++ 8Observer8 17.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip	Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .

@Сергей Мишин 1 / 1 / 1 Регистрация: 19.07.2016 Сообщений: 118
	02.08.2016, 16:33 [ТС]
	А почему так? У меня теперь div будет всегда вверх выравнивается? Я и раньше делал панели навигации,почему только сейчас? Добавлено через 1 час 20 минут Оказывается нужно чтобы в обоих дивах были какие-то элементы типа текста,но каким образом это влияет на расположение? 0