CSS overflow-x를 사용하면 콘텐츠의 왼쪽 오른쪽 가장자리로 수행할 작업을 결정할 수 있습니다.
예시
overflow-x 속성을 구현하기 위해 다음 코드를 실행할 수 있습니다.
<!DOCTYPE html> <html> <head> <style> div { background-color: orange; width: 250px; height: 45px; border: 2px solid blue; overflow-x: hidden; overflow-y: scroll; } </style> </head> <body> <h1>Heading</h1> <div>Overflow property used here. This is a demo text to show the working of CSS overflow-x and overflow-y.</div> </body> </html>
출력