필요하지 않은 경우 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하거나 상속되지 않은 경우 속성을 모두 제거하십시오.

당신이 사용할 수있는 overflow:auto;

overflow-x및 overflow-y속성을 사용하여 x 또는 y 축을 개별적으로 제어 할 수도 있습니다.

예:

.content {overflow:auto;}
.content {overflow-y:auto;}
.content {overflow-x:auto;}

.content와 .container를 모두 사용하여 overflow : auto를 사용할 수 있습니다. 텍스트가 자동을 초과하면 스크롤에 x 축과 y 축이 나타납니다. (별도의 x 축과 y 축을 지정할 필요가없는 경우 : 일반적으로 오버플로 : 자동)

.content {overflow : auto;}

.selected-elementClass{
    overflow-y:auto;
}

.container {overflow : auto;}가 트릭을 수행합니다. 특정 방향을 제어하려면 해당 특정 축에 대해 자동을 설정해야합니다. AE

.container {overflow-y : auto;} .container {overflow-x : hidden;}

위의 코드는 x 축의 모든 오버플로를 숨기고 y 축에 필요할 때 스크롤 막대를 생성합니다. 그러나 기본 높이가 컨테이너 높이보다 작아야합니다. 그렇지 않으면 스크롤 막대가 숨겨지지 않습니다.