2010-12-21 6 views
0

versucht, eine horizontale Box .. innerhalb dieser Update-Grenzen zu machen. Wenn Sie den folgenden Beispielcode sehen, können Sie verstehen, wie ich Grenzen einstelle. diese Limit Klassen Höhe, kann ich nicht verringern. könnte tel mir bitte, was Grund ist .. ich es div machen möchten, verwenden und umspannen Elemente nurSpannweite Breite nicht änderbar

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en" dir="ltr"> 
    <head> 
    <style> 
     .limitBlock 
     { 
      border-left: 1px solid black; 
     } 
     .limitRBlack 
     { 
      border-right: 1px solid black; 
     } 
     .horbox 
     { 
      background-color:#FFFFFF; 
      height:4px; 
      width:400px; 
      margin-left:5px; 
      border: 1px solid #AAAAAA; 
     } 
    </style> 
    </head> 
    <body> 
     <div class="horbox"> 
      <div style="margin-top:-3px"> 
       <span style="margin-top: -4px;height: 9px;"> 
        <span id="limit1" class="limitBlock" style="margin-left:-1px;"></span> 
        <span id="limit2" class="limitBlock" style="margin-left:100px;"></span> 
        <span id="limit3" class="limitBlock" style="margin-left:100px;"></span> 
        <span id="limit4" class="limitBlock" style="margin-left:100px;"></span> 
       </span> 
       <span id="limit5"class="limitRBlack" style="margin-left:96px;"></span> 
      </div> 
     </div> 
    </body> 
</html> 

Antwort

0

Ihre Klasse heißt limitBlock, aber ein Bereich ist kein Block und reagiert nicht auf die Höhe, wie ein Block. Ich würde für eine schwimmende div in dieser Situation wählen.

Setzen Sie außerdem overflow:hidden, um zu verhindern, dass Elemente auf die volle Höhe des Inhalts (Zeilenhöhe des Texts) skaliert werden.

+0

ok GolezTrol. Danke vielmals –

0

span s sind nicht blockieren, so dass Sie nicht ihre height einstellen. Das ist, was div s sind.

Verwandte Themen