Элемент неупорядоченного списка CSS, который не полностью занимает неупорядоченный список

Question

В основном я создал раскрывающееся меню, используя <ul> и <li> с <li> заказанными по вертикали. Однако предметы <li> не полностью занимают <ul>, справа находится вертикальная полоса незанятого пространства. Что может быть причиной этого?

Answer 1

margin, padding и border, бонусная модель propeties.

Answer 2

, который может быть краем поля или отступом на li. отправьте пример своего кода, чтобы мы могли видеть, где проблема.

Answer 3

Это может быть маржа и прокладка элементов.

попробовать:

ul, li{ 
    margin: 0; 
    padding: 0; 
} 

EDIT

или попробовать:

ul{ 
    display: inline; 
}