CSS always displays scroll bars, content is outside the scroll bar that shows the slider, the content does not exceed the display empty scroll bar

1, the content does not exceed the display empty scroll bar

<div class= "Div1" >

Front-end developer front-end developer front-end developer front-end developer

</div>

CSS code:

. div1{

width:200px;

height:300px;

Overflow-y:scroll;

}

2, the content is beyond the scroll bar showing the slider

<div class= "Div1" >

Front-end developers front-end developer front-end developer front-end developer front-end developers front-end developers front-end developer front-ends developer front-end developer front-end developer front-end developer front-end developer frontend Developer Front-end developer front-end developer frontend Developer Front-end developer frontend developer Front Developer Front Developer Front end developer Front end developer Front end developers front-end developer front-end developers front-end of the developers Frontend developer front-end developer front-end developers frontend developer front-end developers front end developers front developer Frontend developer Front end developer front-end developers front-ends developer Frontend Dev front developers front developer Frontend Dev front-end Developer front-end developer front-end developer front-end developer front-end developer front-end developer

</div>

CSS code:

. div1{

width:200px;

height:100px;

Overflow-y:scroll;

}

CSS always displays scroll bars, content is outside the scroll bar that shows the slider, the content does not exceed the display empty scroll bar