Полосы прокрутки всегда имеют одинаковую ширину в разных браузерах?

Question

Мне нужно настроить CSS, чтобы компенсировать полосу прокрутки. Поэтому мне было интересно, всегда ли полосы прокрутки имеют одинаковую ширину в разных браузерах и операционных системах?

У меня есть две таблицы, одна над другой, с одинаковой шириной столбцов (в процентах). Одна таблица нуждается в полосе прокрутки, поэтому я хочу добавить другой столбец в таблице над ней, чтобы компенсировать это, поэтому столбцы выстраиваются в линию.

Answer 1

Мне нужно настроить CSS, чтобы компенсировать полосу прокрутки. Поэтому мне было интересно, всегда ли полосы прокрутки имеют одинаковую ширину в разных браузерах и операционных системах?

Нет, а в некоторых системах их ширина настраивается пользователем.

Answer 2

Полосы прокрутки даже не считаются одинаковыми в разных браузерах, некоторые из них помещают их в рамку, а другие выводят их наружу (что делает выравнивание реальной болью).

Попробуйте придумать способ представления данных, где это не имеет значения.

Answer 3

СЛАДКИЙ! Вот решение для тех, у кого такая же проблема.Это также должно быть совместимо с разными браузерами.

Просто добавьте полосу прокрутки и к верхнему столу, с дополнительным CSS, чтобы скрыть их.

#topTable{
    overflow: scroll;
    padding-right: 16px;
    padding-bottom: 16px;
    margin-right: -16px;
    margin-bottom: -16px;
}

Теоретически, все, что у вас естьсделать, это сделать соответствие "16px", так что вы можете сделать это с тем же эффектом:

#topTable{
    overflow: scroll;
    padding-right: 100px;
    padding-bottom: 100px;
    margin-right: -100px;
    margin-bottom: -100px;
}