현재 포트폴리오 작업을 하고 있는데 섹션에 새 코드/항목을 추가하려고 할 때마다 현재 항목이 뷰포트 밖으로 밀려나갑니다. 내 코드에서 이 문제의 원인이 무엇인지 잘 모르겠습니다. 저는 JSX를 사용하고 있는데 전체 React 애플리케이션을 결정하는 app.js와 app.css에 문제가 있는 것 같습니다. 이것은 나의 현재 CSS입니다:
으아악높이가 낮아서 문제가 아닐까 생각했는데, 아무리 높게 올려도 안되네요. 포지셔닝 문제일 수도 있는데 탑의 포지셔닝을 좀 더 조정해보려고 했으나 많은 부분에 영향을 미치게 될 것 같아서 대부분의 코드를 이 포지셔닝을 기반으로 조정했습니다. 도와주세요. 감사해요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
위치 조정을 시도했지만 이로 인해 문제가 발생했다고 말씀하셨습니다. 그러나 요소가 겹치거나 밀려나지 않도록 요소 위치를 재평가해야 할 수도 있으므로
top或margin-top조정이 필요할 수도 있습니다. 기존 아이템의 값이 위로 올라가는 것을 방지하기 위해body元素使用了height: 300vh;，这意味着body的高度始终是视口高度的3倍，如果内容超出了这个高度，可能会出现问题，考虑使用相对单位（如百分比）来设置height또는 고정된 값을 사용하는 대신 콘텐츠가 높이를 결정하도록 하세요.현재
body元素上设置了overflow: auto;에 있습니다. 이로 인해 콘텐츠가 뷰포트에 맞지 않을 때 스크롤 막대가 나타날 수 있습니다. 콘텐츠를 스크롤할 수 있게 하려면 문제가 없습니다. 하지만 스크롤하지 않고 새 콘텐츠를 맞추려면 다음을 수행해야 할 수도 있습니다. 레이아웃이나 콘텐츠 구조를 조정합니다.