如何使HTML輸入在兩個元素之間佔用100％的空間？

鑑於以下HTML，我將如何使標籤，輸入和2個按鈕存在於同一「行」上，並使輸入在標籤和2個按鈕之間佔用100％的空間，同時改變瀏覽器寬度？換句話說，我希望輸入錨定在兩側，這樣當瀏覽器變得更小更寬時，這將改變寬度。如何使HTML輸入在兩個元素之間佔用100％的空間？

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>example</title> 

    <style> 
     /* ?? */ 
    </style> 


</head> 
<body> 
    <div id="container"> 
     <form class="form"> 
      <p> 
       <label>xyz:</label> 
       <span class="item"> 
        <input type="text" class="txt" name="description" id="description" /> 
        <button>A</button> 
        <button>B</button> 
       </span> 
      </p> 
      <br clear="all" /> 
     </form> 
    </div> 

</body> 
</html>

見的jsfiddle這裏：http://jsfiddle.net/3vGtJ/

來源

2013-05-01 user210757

的jsfiddle例如請的 – underscore 2013-05-01 17:07:49

可能重複[CSS輸入取剩餘空間（HTTP：/ /stackoverflow.com/questions/6938900/css-input-take-remaining-space） – j08691 2013-05-01 17:15:42

j08691 - 我不認爲它是重複的，它不能解決ri的元素ght的輸入。謝謝。 – user210757 2013-05-01 19:10:17