Отображение линейного блока наведения

Question

Отображение линейного блока наведения

0

Я использую display: inline-block; держать рядом друг с другом. Я не знаю, почему, но при наведении div будет двигаться вверх. Я думаю, что объем, который он перемещает, связан с заполнением элемента в форме не зависания (элемент класса.title). Это очень странно, и я не могу понять, почему это происходит, потому что все значения сбрасываются в форме наведения.

JSFiddle

Примечание. Я использую Sass, поэтому css может выглядеть немного странно

Noah Huppert 20 дек. 2013, в 02:17

Источник

2

Добавьте vertical-align: top; к .option - jsfiddle.net/6m99u/2
Adrift 20 дек. 2013, в 00:25
0

@Adrift Adrift Ty для этого.
Noah Huppert 20 дек. 2013, в 00:28

Теги:

html

css

css3

2 ответа

0

Добавление вышеуказанной строки к элементу, который я хотел навести, помогло мне решить эту проблему:

.example {
border: 10px solid transparent;
}

.example :hover{
border: 10px solid;
}

Behrouz Pakmanesh 07 июль 2019, в 12:49

Ещё вопросы

Добавьте vertical-align: top; к .option - jsfiddle.net/6m99u/2

Niels Keurentjes · Accepted Answer · 2013-12-19T23-21-00.000Z

.option {
  vertical-align:bottom;
}

Поскольку вы объявляете элементы inline, они следуют тем же правилам вертикального выравнивания, что и все текущее содержимое страницы - сорт центрированного. Принудите его к фиксированному положению всей линии и решите.

Ty. Я потратил навсегда, пытаясь понять, почему.
Добавил немного объяснений тоже: P