>source

가능한 한 명확하게 설명하기 위해 최선을 다하겠습니다. 중요하다면 Bulma CSS 프레임 워크를 사용하고 있습니다. 제가 만들려고하는 레이아웃은 이것입니다.

여기에서 볼 수있는

작업 버전을 만들었습니다. 그러나 작업 예제에서 스크롤 가능 상자의 vh/px는 일정량으로 고정되어 있으며 Bulma CSS 프레임 워크의 타일을 사용하고 있습니다. 열을 사용해 보았는데 동일한 결과가 발생했습니다. 고정 금액으로 만들지 않으면 화면을 지나서 확장되지만 크기에 관계없이 전체 화면에 맞추기를 원하며 스크롤 가능한 부분은 위에 표시된 녹색 상자 여야합니다. 또한 경우에 따라 상자에 스크롤 할 수있는 내용이 충분하지 않을 수 있으며,이 경우 상자가 비어 있어도 나머지 높이를 상자로 채우고 싶습니다.

여기서 볼 수 있듯이 높이가 명시 적으로 설정되어 있지 않으면 화면을 계속 지나가지만 올바르게 설정하면 의도 한대로 작동합니다. 크기를 조정하는 등의 방법에 관계없이이 높이를 공간에 적절하게 채울 수있는 방법이 궁금합니다.

도움을 주시면 감사하겠습니다!


  • 답변 # 1

    콘텐츠 래퍼에 height 속성을 설정하고 overflow: scroll; 를 설정해야하는 것처럼 들립니다.  그러면 모든 내용이 설정 한 높이가되고 스크롤 가능한 내용이됩니다.

  • 이전 큰 스프링 부트 오픈 소스 프로젝트가 있습니까?
  • 다음 kubernetes - k8s - 클러스터 외부의 일부 도메인을 방문하려고 할 때 포드의 이름 서버를 변경하는 방법