div { height: 100px; width: 250px; border: 1px solid #87cefa; margin-right: 20px; margin-bottom: 70px; float: left; } .ex1 { white-space: nowrap; overflow-x: scroll; } .ex2 { overflow-y: scroll; }
<!DOCTYPE html> <html lang="ko"> <head></head> <body> <div class="ex1"> <b>overflow-x</b>: auto;<br> overflow는 블록요소의 내용이 요소를 벗어나는 경우로서, overflow 속성을 사용해서 처리 방법을 지정하는 것으로, overflow-x, overflow-y 속성을 한번에 지정한다. </div> <div class="ex2"> <b>overflow-y</b>: auto;<br> overflow는 블록요소의 내용이 요소를 벗어나는 경우로서, overflow 속성을 사용해서 처리 방법을 지정하는 것으로, overflow-x, overflow-y 속성을 한번에 지정한다. </div> </body> </html>