Position: sticky; не работает, не могу сделать 100% высоту дочернему блоку, как исправить?

Question

[Ysery]

Доброго времени суток, уважаемые специалисты.

Вопрос по html, css

Я долго бился, вписывал вообще всем элементам height: 100%; (html тегу, body тегу и всем остальным ), но результата нет.
Я никак не могу расширить до самого низа ширину дочернего блока (сайдбар), чтобы там плавал блок.

Вот тестовая страница sitework.epizy.com

Comments

[wakenbyWork]

Как вам пришло в голову верстать в 2021 году на float? Так-же на id и без BEM?

[Ysery]

Такой шаблон WordPress просто

Answer 1

[PetrPo]

#main-content{display: flex;}
#content{float: none;}
body #sidebar{float: none;}
.sidebar-widget{float: none;}

// то что есть убрать и заменить
.dontb {position: sticky;top: 0;}

Comments

[Ysery]

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

[PetrPo]

Ysery, тогда придется изменить верстку сайта, изменил в ответе

[Ysery]

PetrPo, спасибо большое! Так шикарно работает :-)