<h2>overflow:기본값</h2>
<div class="parent">
  <div class="child"></div>
</div>
    
<div class="spacer"></div>
<h2>overflow:hidden</h2>
<div class="parent p1">
  <div class="child"></div>
</div>
    
<div class="spacer"></div>
<h2>overflow:scroll</h2>
<div class="parent p2">
  <div class="child"></div>
</div>
    
<div class="spacer"></div>
<h2>overflow:auto</h2>
<div class="parent p3">
  <div class="child" id="c3"></div>
</div>
.spacer {
  height: 50px;
}
        
.parent {
  width: 200px; height: 100px; border:5px solid #000;
}
.child { 
  width: 250px; height: 150px; background-color: lightgray;
}
        
.parent.p1 {
  overflow: hidden;
}
.parent.p2 {
  overflow: scroll;
}
.parent.p3 {
  overflow: auto;
}
#c3 {
  height: 50px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.