CSS만 사용하여 수직으로 스크롤 가능한 Div를 어떻게 만듭니까?

CSS를 사용하여 Div에 세로 스크롤 가능 만들기

문제:

div 요소 집합 오버플로 포함: 스크롤은 가로 및 세로 스크롤을 허용합니다. 스크롤을 세로 방향으로만 제한하려면 어떻게 해야 합니까?

해결책:

CSS를 사용하여 div를 세로로 스크롤할 수 있도록 하려면 Overflow-y와 함께 오버플로 속성을 지정합니다. 또는 Overflow-x.

오버플로 유형 속성:

• auto: 내용이 정의된 높이나 너비를 초과하는 경우 스크롤 막대를 생성합니다.
• 스크롤: 스크롤 막대를 강제합니다. 내용과 상관없이 등장

특정 사용 사례:

항상 세로 스크롤 막대 표시:

overflow-y: scroll;

이렇게 하면 내용이 지정된 범위를 초과하지 않는 경우에도 세로 스크롤 막대가 나타납니다. height.

필요한 경우에만 세로 스크롤 막대 표시:

overflow: auto;

콘텐츠가 지정된 높이를 초과하는 경우에만 세로 스크롤을 허용합니다. 콘텐츠가 높이에 맞으면 스크롤바가 표시되지 않습니다.

위 내용은 CSS만 사용하여 수직으로 스크롤 가능한 Div를 어떻게 만듭니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!