요소에서 정의 된 높이 (vh)를 사용할 때 Boostrap 그리드, 오버플로 스크롤 및 반응 형 레이아웃 문제

제 로프시

부모 컨테이너의 높이를 설정할 때 오버플로 스크롤을 사용하는 Boostrap 4를 사용하여 2 열 레이아웃을 만들려고합니다.

다음은 바이올린에 대한 링크입니다. https://jsfiddle.net/zeropsi/g19kzpsh/

내가 가진 문제는에 대해 설정된 높이를 사용하면 .section실제로 열의 높이가 설정되지 않고 오버플로 스크롤이 제대로 작동하지 않는다는 것입니다.

부모 컨테이너의 높이를 초과하는 오버플로 콘텐츠에 대한 스크롤이있는 왼쪽 열과 함께 두 열을 작동하는 방법에 대한 아이디어가 있습니까?

codeLearnerrr

질문이 맞다면. 문제는 높이가 설정되는 방법과 위치 때문에 발생합니다. 변경된 사항은 다음과 같습니다.

.section {
  clear: both;
  width: 100%;
  /* height: 75vh !important; */
  float: left;
}

.test{
  width:auto;
  height:75vh !important;
}

JS 바이올린 답변

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

Related 관련 기사

뜨겁다태그

보관