HTML과 CSS를 사용하여 고정된 탐색 메뉴로 레이아웃을 구현하는 방법

body { margin: 0; padding: 0; } .navbar { position: fixed; top: 0; width: 100%; background-color: #333; padding: 10px; } .navbar ul { list-style: none; margin: 0; padding: 0; } .navbar ul li { display: inline-block; margin-right: 10px; } .navbar ul li a { color: #fff; text-decoration: none; } .main { margin-top: 60px; /* 为了避免导航菜单遮挡网页内容，将内容下移 */ padding: 20px; } footer { height: 100px; background-color: #f2f2f2; }