В чем ошибка в выпадающем списке?

Question

[DanilChekh]

Подскажите, создал список внутри списка,выпадающий ,но непонимаю почему текста в нем невидно, подскажите плиз из за чего это, а то что то я недогоняю.
Наведите мышкой на Пункт-меню-3 сверху и там выпадающий список невидымый,скажите пожалуйста почему?
Вот ссылка на сам сайт на гитхаб pages https://chekhdanil.github.io/Site-/

Answer 1

[Ankhena]

у .preview-top стоит font-size: 0
Верните детям нормальные значения, будет текст.

Comments

[Сергей]

Ответ верный. От себя добавлю: если вы пытались таким образом убрать маркеры у элементов списка, то делали это неправильно. Для этого существует значение list-style со свойством none, которое можно прописать .main-menu .sub-menu.

[Ankhena]

Сергей, таким образом не маркеры убирают, а отступы у inline-block'ов.

[Сергей]

Да, но тогда уж лучше применять float. Да и в целом у него не так много пунктов меню, чтобы с этим заморачиваться.

[Ankhena]

Сергей,

Да, но тогда уж лучше применять float.

прошу, не продолжайте

[Сергей]

Кто я такой, чтобы спорить с богиней вёрстки? :)

[Ankhena]

Сергей, я ни разу не богиня и косячу порой знатно и код пишу кривой, что самой страшно. Устала и поленилась сразу длинное объяснение писать.

Просто флоаты нужны не для этого. Ладно еще пока флексов не было.
Инлайн-блоки тут прекрасно подходят, если их на что-то менять, то на флексы.
Писать нулевой шрифт в данном случае тоже лишнее, потому что li'шкам все равно еще и отрицательный правый margin задан.

[DanilChekh]

Ankhena, спасибо за ответ

[Сергей]

Флоаты прекрасно справляются с этой задачей, пусть и создавались они немного с иной целью (сетка того же Bootstrap 3 сделана на float'ах и, кстати, автор топика по сути её и использует). Отрицательные отступы также убирают пробелы между инлайн блоками, однако это весьма ненадёжный способ, поскольку приходится подбирать значение отступа в зависимости от размера шрифта родителя, и если в будущем тот увеличится, то крайний пункт "уползёт" вниз. С флексами согласен на все 100!