Постoverflow: hidden ≠ просто «обрезать контент»

overflow: hidden ≠ просто «обрезать контент» Многие лепят overflow: hidden только чтобы спрятать то, что вылезает за границы блока. Но есть подвох: элемент превращается в контейнер прокрутки, даже если скроллбаров не видно. А это ломает position: sticky, программный скролл и поиск ближайшего скролл-контейнера. Если прокрутка не нужна в принципе — бери точнее: .wrapper { overflow: clip; } Контент так же обрежется, но контейнер прокрутки не создаётся. И sticky внутри будет цепляться за внешний скролл, а не тормозить о .wrapper. Ещё приятная мелочь — зону обрезки можно расширить: overflow-clip-margin: 8px; Удобно, когда надо оставить пару пикселей под тень или свечение. Важно: clip — не замена hidden. Если элемент реально должен скроллиться программно, тут clip не выручит. Подписывайся, чтобы не пропускать такие фишки фронтенда — здесь они выходят регулярно. #CSS #overflow #frontend