프로그래밍 언어/HTML,CSS,JS

필요하지 않은 경우 CSS 스크롤 막대 숨기기

Rateye 2021. 8. 20. 10:23
728x90
반응형
질문 : 필요하지 않은 경우 CSS 숨기기 스크롤 막대

overflow-y:scroll; 숨길 수있는 방법을 알아 내려고 노력하고 있습니다; 필요하지 않은 경우. 내 말은 내가 웹 사이트를 만들고 있고 게시물이 표시되는 주요 영역이 있으며 콘텐츠가 현재 너비를 초과하지 않으면 스크롤 막대를 숨기고 싶다는 것입니다.

또한 두 번째 질문입니다. 게시물이 현재 너비를 초과하면 너비가 자동으로 증가하고 내용이 상자에서 나오지 않도록 만들고 싶습니다.

누구든지 이것을하는 방법에 대한 단서가 있습니까?

게시물 영역 :

.content {
    height: 600px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 15px;
    text-align: justify;
    line-height: 19px;
    overflow-y:scroll;
}

기본 웹 사이트 컨테이너 :

.container {
    margin: 0 auto;
    width: 757px;
    margin-top: 30px;
    text-align: center;
}
답변

overflow-y 속성을 auto 로 설정하거나 상속되지 않은 경우 속성을 모두 제거합니다.

출처 : https://stackoverflow.com/questions/18716863/css-hide-scroll-bar-if-not-needed
728x90
반응형