2010-12-21 12 views
0

1つの水平ボックスを作成しようとしています。 下のサンプルコードを参照すると、私はどのように制限を設定するのか理解できます。 これらの制限クラスの高さは、私は減らすことができません。 は...理由が何であるかを私はそれはあなたが彼らのheightを設定することはできませんので、要素をブロックしていないだけスパンの高さの幅は変更できません

<!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> 

答えて

0

クラスの名前はlimitBlockですが、スパンはブロックではなく、ブロックの高さの設定に反応しません。この状況では、私は浮動小数点のdivを選択します。

また、要素の内容の高さ(テキストの行の高さ)にスケールされないように、overflow:hiddenを設定します。

+0

ok GolezTrol。どうもありがとう –

0

span秒のdivを使用してまたがるようにしたい をTEL私を喜ばことができます。それはdivのものです。

関連する問題