У меня есть всплывающее окно действий браузера, которое всякий раз, когда я делаю контент, достаточно большой для создания полосы прокрутки, получает поле, равное ширине полосы прокрутки. Это означает, что если я изменю ширину ::-webkit-scrollbar, размер поля изменится.
Интересно, что это произойдет, только если я установлю явную ширину элемента. Итак, если я установлю html на width: 400px, получится маржа. Если установить li на width: 400px, он получит маржу. Я попытался установить * { margin: 0 !important }, но даже это не решает проблему. Единственное решение, которое я могу найти, - установить отрицательную маржу.
Даже безумнее, глядя на вычисленные стили html, нет никакого запаса.
Как я могу удалить это поле? Лучшее решение, которое я могу найти, - установить отрицательный margin-right, равный ширине полосы прокрутки через Javascript, но это немного не элегантно. Есть ли решение только для CSS?
Вот пример того, как это выглядит с кучей <li> с.
