CSS CSS Layout Basics Getting Started with CSS Layout Creating a Sticky Footer

Rosemary Chao
Rosemary Chao
4,828 Points

can't remove scrollbar with the sticky footer

I tried the Sticky footer tips of teacher’ note to add .main-footer a height 89px, but still got scrollbar there. And there is another problem that I checked dev tool of Chrom and found the footer height is 121.33px, not 89px. Even though I minus the value 121.33px, the scrollbar is still there. Please help me to solve this problem. Thanks~

.main-footer { text-align: center; padding: 2em 0; background: #d9e4ea; height: 89px; }

@media (min-width: 769px){ .wrap { min-height: calc(100vh - 89px); }