響應和固定在一起

Question

我期待有一個100％寬的列表。然而，每個列表項目的開始將是寬度設置的寬度。

<div> 
    <ul> 
     <li><span>This</span> One</li> 
     <li><span>This</span> Two</li> 
     <li><span>This</span> Three</li> 
    </ul> 
</div> 

Answer 1

如果我理解正確的問題，你可以只設置上行至

display:block; width:100%; 

和你的元素多麼大，你希望他們

DEMO http://jsfiddle.net/t2VFe/

讓我知道如果你的意思不同，我可以回答:)

Answer 2

我想你的意思是第一個列表項是固定的，但其餘的應該是響應？請澄清。

我知道的CSS唯一解決方案是css calc方法。比方說，你有共四個項目，第一個項目是200像素寬，你會做這樣的：

ul > li { 
    width: 25%; /* Fall back */ 
    width: -webkit-calc((100% - 200px)/3); 
    width: -moz-calc((100% - 200px)/3); 
    width: calc((100% - 200px)/3); 
} 
ul > li:first-child {width: 200px;} 

Fiddle（改編自沙洛姆Aptekar）。

注意：並非所有瀏覽器都支持此方法。請參閱here。