为什么max-width不工作在这？

问题描述：

使用纯旧CSS，为什么'max-width'不能用于以下操作：

Using plain old CSS, why won't 'max-width' not work on the following:

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;
}

EDIT

添加到jsfiddle的代码： http://jsfiddle.net/BXdrG/ p>

Code added to jsfiddle: http://jsfiddle.net/BXdrG/

答

好的，我误解了它的使用。为了得到一个流畅的按钮，不会伸展到大尺寸，我添加了以下：

Ah ok, I misunderstood its use. To get a fluid button that won't stretch to massive sizes I added the following:

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

感谢评论者！