Warum sollte max-width nicht auf diese Arbeit?

Verwendung von plain old CSS, warum nicht 'max-width' nicht auf die folgenden:

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

Den wrapper für dieses element:

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

BEARBEITEN

Code Hinzugefügt, um jsfiddle: http://jsfiddle.net/BXdrG/

Können Sie neu erstellen, diese in jsfiddle?
es funktioniert Prima jsfiddle.net/ATAnj
jsFiddle Hinzugefügt und @ZoltanToth es nicht funktionieren, wenn Sie nur ein Wort für einen button
Es funktioniert wie es funktionieren sollte. max-width ist nicht width. Der tag ist selbsterklärend.
max-width bedeutet nicht, dass es wird gestreckt, um 540px die ganze Zeit. Wenn Sie möchten, dass der button haben einige Breite, die Sie haben zu weisen, dass die Breite ( oder min-width )

InformationsquelleAutor egr103 | 2013-02-18

  1. 18

    Für max-width um korrekt zu arbeiten, Ihr element muss zuerst eine bestimmte width. Verwenden 100% zu erreichen, was Sie wollen. Siehe hier:

    http://jsfiddle.net/QsHa9/

    InformationsquelleAutor Michael Giovanni Pumo

  2. 15

    Ah ok, habe ich missverstanden seine Verwendung. Um eine fluid-button, der sich nicht zu Strecken, um massive Größen habe ich noch folgende:

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

    Dank Kommentatoren!

    InformationsquelleAutor egr103

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

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

    InformationsquelleAutor Milche Patern

Schreibe einen Kommentar