如何修复 div 溢出到我的页脚

Question

Struggling to keep my footer at the bottom. I get overflow issues causing some of my divs to flow onto my footer, covering parts of it.

Here is a link to give you an idea of the problem. If you click on Data Science under projects you will see what I am referring to

https://emms21.github.io/User-Interface-II/

 .portfolio.portfolio-gallery { position: relative; } footer { background: #D0D8DB; padding-top: 10px; padding-bottom: 20px; /* bottom: 0; */ }.section { padding: var(--padding-v) var(--padding-h); }

 <section id="projects" class="portfolio-section"> <ul class="portfolio-cats"> <li data-filter="*">All</li> <li data-filter="datasci">Data Science </li> <li data-filter="software">Software Engineering</li> <li data-filter="other">Write Ups</li> <li data-filter="pr">PR</li> </ul> <div class="portfolio-gallery"> <div class="portfolio-item" data-filter="datasci"> <div class="item-inner"> <i class="fa fa-futbol-o fa-lg" aria-hidden="true"></i> <h4>Kaggle: Using Linear Regression to predict player spring speed in FIFA 19</h4> <a class="portfolio-object" href="https://github.com/EmmS21/FIFA19-Analysis">Using Linear Regression to predict the sprint speed of players in FIFA 19.</a> <ul class="langtags"> <li class="lang"><a>Python</a></li> </ul> </div> </div>

Answer 1

You can make the section overflow;hidden ok