Question

尝试制作一个水平框..在更新限制内。如果你看到下面的示例代码，你可以理解我如何设置限制。那些限制班级的高度，我无法减少。请跟我说说原因是什么.. 我想用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>

Answer 1

您的类名为limitBlock，但跨度不是块，并且不像块一样响应设置高度。在这种情况下，我会选择浮动div。

另外，设置overflow:hidden以防止元素缩放到内容的整个高度（文本的行高）。

Answer 2

span不是块元素，因此您无法设置其height。这就是div的用途。

跨度高度宽度无法改变

2 个答案: