P粉9030525562023-08-21 00:57:09
从 .info-footer
样式中移除 align-items: center;
。
align-items
的作用是:
选择 center
表示将元素放置在 flex
容器的中心,并围绕此中心进行布局。换句话说,你的 footer-info
和 footer-menu
与 flex 容器的中心对齐,而不是起始位置。
.info-footer { background-color: rgba(33, 40, 59, 0.8); color: #fff; border: 1px solid rgb(53, 56, 72); width: 100%; height: 14em; display: flex; justify-content: center; gap: 200px; padding: 20px 10px; }
<div class="info-footer"> <div class="info-footer-info"> <h3>Menu 1</h3> <ul> <li><a href="#">O nas</a></li> <li><a href="#">FAQ</a></li> <li><a href="#">Regulamin</a></li> <li><a href="#">Polityka Prywatności</a></li> </ul> </div> <div class="info-footer-menu"> <h3>Menu 2</h3> <ul> <li><a href="#">Kontakt</a></li> </ul> </div> </div>