Hvor ofte har man ikke irritert seg over at et design ser annerledes ut med og uten scrollbar. Og det er umulig å ta hensyn til scrollbar fordi alle nettlsere og operativsystemer har egne størrelser, farger og stiler. Det er der scrollbar-gutter kommer inn i bildet. Med scrollbar-gutter kan man reservere plass til en scrollbar, og om scrollbaren ikke finnes, så vil denne reserverte plassen være en del av padding.

scrollbar-gutter: stable;
scrollbar-gutter: stable both-edges;

Med stable regelen så vil scrollbaren alltid vises, selv om containeren ikke har overflow. Legger man til both-edged så får man en padding på begge sider av innholdet, ikke bare på høyre side, for at innholdet skal være sentrert.

Kan være en nytting funksjon, men funker foreløpig ikke i Safari.