CSS overflow-y Property - Playground Example

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
div {
   display: inline-block; 
   margin-right: 30px;
   width: 100px; 
   height: 100px;
   border: 2px solid blue; 
}
img {
   width: 125px;
   height: 125px;
}
.test {
   overflow-x: visible;
   overflow-y: visible;
}
.test2 {
   overflow-x: hidden;
   overflow-y: hidden; 
}
.test3 {
   overflow-x: scroll;
   overflow-y: scroll;
}
.test4 {
   overflow-x: auto;
   overflow-y: auto; 
}
</style>
</head>
<body>
<div class="test"> visible
   <img src="images/tech.gif" alt=""> 
</div> 
<div class="test2"> hidden
   <img src="images/tech.gif" alt=""> 
</div> 
<div class="test3"> scroll
   <img src="images/tech.gif" alt=""> 
</div> 
<div class="test4"> auto
   <img src="images/tech.gif" alt=""> 
</div> 
</body>
</html>