爲什麼最大寬度不適用於此？

使用普通的舊CSS，爲什麼不會 '最大寬度' 沒有做好以下工作：爲什麼最大寬度不適用於此？

button { 
    text-align: center; 
    max-width: 540px; 
    height: auto; 
    display: block; 
    padding: 10px 0; 
    margin: 0 auto; 
    border: none; 
}

此元素的包裝：

#wrapper { 
    max-width: 1024px; 
    overflow: hidden; 
    position: relative; 
    margin: 0 auto; 
    padding: 0 50px; 
    text-align: center; 
}

編輯

代碼加入的jsfiddle：http://jsfiddle.net/BXdrG/

來源

2013-02-18 egr103

你能在[的jsfiddle]重新創建（http://www.jsfiddle.net）？ – Morpheus 2013-02-18 14:21:31

它的工作很好http://jsfiddle.net/ATAnj/ – 2013-02-18 14:23:40

jsFiddle添加和@ZoltanToth它不能正常工作，當你只有一個詞的按鈕 – egr103 2013-02-18 14:26:44

啊好吧，我誤解了它的使用。要得到一個流動的按鈕，將不會延伸到大規模我添加了以下內容：

width:100%; 
max-width: 540px;

謝謝評論者！

來源

2013-02-18 14:37:48 egr103

不要忘記接受這個答案。 – 2013-02-18 15:15:44

我會但它需要兩天才能這樣做:( – egr103 2013-02-19 12:50:36

button { 
    text-align: center; 
    max-width: 540px; 
    height: auto; 
    display: block; 
    padding: 10px 0; 
    margin: 0 auto; 
    border: none; 

    width:100%; /* you forgot this */ 
}

來源

2013-02-18 15:12:48

對於max-width到正常工作，元件首先需要一定的width。使用100％達到你想要的東西。在這裏看到：

http://jsfiddle.net/QsHa9/

來源

2013-02-18 15:22:30

爲什麼最大寬度不適用於此？

回答

相關問題