为什么最大宽度不适用于此？

使用普通的旧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

为什么最大宽度不适用于此？

回答

相关问题