값이 scroll인 CSS 오버플로 속성에서 , 오버플로가 잘리고 스크롤바가 추가됩니다. 이렇게 하면 사용자가 전체 콘텐츠를 읽을 수 있습니다.
예시
CSS 오버플로를 구현하기 위해 다음 코드를 실행할 수 있습니다. scroll 속성 -
<!DOCTYPE html> <html> <head> <style> div { background-color: orange; width: 250px; height: 45px; border: 2px solid blue; overflow: scroll; } </style> </head> <body> <h1>Heading</h1> <div>Overflow property used here. This is a demo text to show the working of CSS overflow: scroll. This won't hide the content. Now a scrollbar will be visible.</div> </body> </html>
출력