Я использую HTML-список для вертикального выпадающего меню с различными подменю. Каждая точка навигации является элементом списка в неупорядоченном списке.
Каждый из элементов суб-навигации находится в следующем списке в другом списке, который изначально скрыт.
Когда верхний элемент наведен, список скользит вниз. Проблема в том, что верхний элемент занимает всю ширину самого широкого элемента, поэтому он «срабатывает», когда мышь фактически находится за пределами текста.
![Extra width](https://i.stack.imgur.com/wxp5q.png)
Я попытался нацелить текст в верхнем элементе более конкретно с помощью промежутка, но тогда проблема в том, что как только мышь покидает текст, меню скользит вверх при наведении курсора на новые элементы.
Есть ли способ сделать так, чтобы этот верхний элемент навигации не имел полной ширины всех его дочерних элементов?
EDIT:
На самом деле мне, наконец, удалось это исправить - проблема заключалась в том, что я объявил ширину во всем списке, потому что без него, скольжение заставляло меню «подпрыгивать» внизу после скольжения вниз, я полагаю, текст «разворачивался» сам или что-то. При применении ширины к элементам субнавигации список не появляется, а «целевая» область точно является только верхней точкой.