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

如何使跨度“线”的宽度等于“容器”的宽度减去跨度“标题”的宽度？

编辑

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

4

1 回答 1

1

简单的答案是给#title 一个宽度。例如，如果您为#title 分配了 10% 的宽度，那么您的问题就结束了（因为您已经为 #line 分配了 90% 的宽度）。不太容易的答案是使用 JavaScript 来计算宽度。

于 2009-11-09T04:49:32.387 回答