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
반응형
'프로그래밍 언어 > HTML,CSS,JS' 카테고리의 다른 글
“npm install”이 package-lock.json을 다시 작성하는 이유 (0) | 2021.08.20 |
---|---|
배경 이미지 데이터를 CSS에 Base64로 내장하는 것이 올바른 방법인가? (0) | 2021.08.20 |
CSS 100% 높이를 가지면서도 padding/margin를 포함하는 방법 (0) | 2021.08.20 |
A4 용지 크기 페이지에서 HTML 페이지를 만드는 방법 (0) | 2021.08.13 |
[CSS] 글자의 절반에 css를 적용 하는 방법 (0) | 2021.08.12 |