Ce premier exemple montre deux éléments, une division contenant un tableau, positionnés de telle manière qu'ils se croisent. Ici, la propriété OVERFLOW permet de rendre visible l'ensemble du tableau, la partie contenue dans la division ainsi que tout le reste.

.bleu {
    background-color: blue;
    width: 150px;
    height: 150px;
    top: 15px;
    left: 15px;
    overflow: visible
}

.vert {
    background-color: green;
    width: 240px;
    height: 150px;
    top: 50px;
    left: 110px;
}
  ...
<div class="bleu">
  <table border="0" class="vert">
    <tr>
      <td> ... </td>
    </tr>
  </table>
</div>

Ici, la propriété OVERFLOW permet de cacher la partie du tableau qui ne croise pas la division.

.bleu {
    background-color: blue;
    width: 150px;
    height: 150px;
    top: 15px;
    left: 15px;
    overflow: hidden}

.vert {
    background-color: green;
    width: 240px;
    height: 150px;
    top: 50px;
    left: 110px;}
  ...
<div class="bleu">
  <table border="0" class="vert">
    <tr>
      <td> ... </td>
    </tr>
  </table>
</div>

Si la propriété OVERFLOW avait la valeur scroll, le cas de figure serait identique au cas précédent avec pour différence des barres de défilement.