Question

<html>

<head>
<title>Title</title>
<style type="text/css">

#container {
    position: relative;
}
#line {
    border-bottom: thin solid gray;
    display:inline-block;
    position:relative;
    bottom: 1ex;
    width:90%;
}
</style>
</head>

<body>
<div id="container">
    <span id="title">Title</span>
    <span id="line"></span>
</div>
</body>
</html>

如何使span“line”的宽度等于 “容器”的宽度减去范围“标题”的宽度？

修改

“标题”的宽度由“标题”内的文字决定。

Answer 1

简单的答案是给#title一个宽度。例如，如果为#title指定宽度为10％，则问题已解决（因为您已经为#line指定了90％的宽度）。不那么容易的答案是使用JavaScript来计算宽度。

如何将两个内联元素与身体宽度相匹配？

1 个答案: