如何將兩個內聯元素適配到身體寬度？

<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」的寬度等於「container」的寬度減去span「title」的寬度？如何將兩個內聯元素適配到身體寬度？

編輯

「標題」的寬度由內「標題」的文本來決定。

來源

2009-11-09 Alqin

在代碼沙漠的上方或下方提問您的問題會更具可讀性。 – ty812 2009-11-09 04:46:39

你說得對。我不知道如何stackoverflow的作品，我有一些奇怪的顯示，也許是因爲我使用的是Firefox 3.6b1。 – Alqin 2009-11-09 05:01:29

簡單的答案是給#title一個寬度。例如，如果您將#title指定爲10％的寬度，則問題結束（因爲您已將#line分配爲90％的寬度）。不太容易的答案是使用JavaScript來計算寬度。

來源

2009-11-09 04:49:32

如果我使用「title」width = 50px，那麼怎麼辦？是不是有一個與CSS將使「線」填補空餘空間的技巧？ – Alqin 2009-11-09 05:05:05

如何將兩個內聯元素適配到身體寬度？

回答

相關問題