2010-12-21 119 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