css - 親外の CSS 子 div

Question

これは親divです:

.navi {
    width: 400px;
    height: 30px;
    float: right;
    border-style: solid;
    border-width: 1px;
    border-color: #C0C0C0;
    overflow: hidden;   
}

そして、これらは内部の子 div です。

.aktuelleseite {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-style: solid;
    border-width: 1px;
    border-color: #C0C0C0;
    text-align: center;
    color: white;
    background-color: #404040;
}

.blatt {
    display: inline-block;
    width: 19px;
    height: 20px;
    border-style: solid;
    border-width: 1px;
    border-color: #C0C0C0;
    text-align: center;
    color: #404040;
    text-decoration: none;
}

それらは親 div から外れています。どうすればそれらを常にその中に留めることができますか?

これは function.php の一部です

  if(!in_array(1,$blaetter) AND count($blaetter) > 1)
      {
      if(!in_array(2,$blaetter)) { echo '<a href="http://www.stylechica.de/hosen/' . $navi . '" class="blatt">1</a>...'; }
      else { echo '<a href="http://www.stylechica.de/hosen/' . $navi . '">1</a>'; }
      }

   foreach($blaetter AS $blatt)
      {
      if($blatt == $seite) { echo '<div class="aktuelleseite">' . $blatt . '</div>'; }
      else { echo '<a href="http://www.stylechica.de/hosen/' . $navi . 'seite-' . $blatt . '/" class="blatt">' . $blatt . '</a>'; }
      }

   if(!in_array($maxseite,$blaetter) AND count($blaetter) > 1)
      {
      if(!in_array(($maxseite-1),$blaetter)) { echo '...<a href="http://www.stylechica.de/hosen/' . $navi . 'seite-' . $maxseite . '/" class="blatt">' . $maxseite . '</a>'; }
      else { echo '<a href="http://www.stylechica.de/hosen/' . $navi . 'seite-' . $maxseite . '/" class="blatt">' . $maxseite . '</a>'; }
      }

   }
?>    </div>

私はそれを次のように呼び出します:

<?php
$wieviele_seiten = $json_output["ProductsSummary"]["TotalPages"];
$navi = blaetterfunktion($seite,  $wieviele_seiten);
echo $navi;
?>

ここで彼の結果を見ることができます: www.stylechica.de/hosen ロードされていない場合、ただリロードすると、API が問題を起こすことがあります。