필요한 문제보다 페이지가 큽니다.

Question

현재 페이지는 다음과 같습니다. 보시다시피 상단에 공백이 많이 있습니다. 그 공백을 없애는 방법을 알 수 없는 것 같습니다. 이것은 HTML입니다:

으아아아

일부 기능이 꽤 길어서 SSH로 프로그래밍을 하다보니 코드가 제대로 복사되지 않는 점 주의해주세요. 누구든지 더 나은 솔루션을 가지고 있다면 크게 감사하겠습니다. (UI 없이 vps를 실행하고 있습니다) CSS는 다음과 같습니다.

으아아아

저는 이것을 React.js에서 프로그래밍하고 있습니다.

위치를 절대값으로 강제하려고 했는데 이로 인해 작은 화면에서는 페이지가 이상하게 보입니다. 마지막으로 로그인 컨테이너를 화면 상단 근처에 배치하고 싶습니다. 기억하세요. 저는 이것이 CSS에 나타나는 것을 원하지 않습니다. 가능하다면 HTML에 나타나기를 원합니다.

또한 SSH 없는 원격 프로그래밍에 대한 제안이 있는 경우 저에게 연락해 주세요! ;)

-감사합니다! :)

Answer 1

Flexbox를 사용하여 콘텐츠를 중앙에 배치하는 경우 App选择器，然后将.auth-form-container设置为具有height：100％将填充整个容器高度，因此30rem margin-top을 사용하는 것이 더 이상 사용되지 않을 수 있습니다. 시도해 보고 작동하지 않으면 실제 문제를 확인할 수 있도록 작동하는 스니펫을 첨부해 주세요. 그것이 당신에게 도움이되기를 바랍니다!