2010-12-21 156 views
0

試圖使一個水平框..內更新限制。 如果你看到下面的示例代碼,你可以理解我如何設置限制。 那些限制班級的高度,我無法減少。 的話,請電話我是什麼原因.. 我想用它div和span只有跨度高度寬度無法更改

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

好的GolezTrol。非常感謝 – 2010-12-21 06:03:52

0

span這麼你不能設置其height不是塊元素進行。這就是div