Dlaczego szerokość maksymalna nie działałaby na tym?

Question

Korzystanie zwykły stary CSS, dlaczego nie 'max-width' nie działa na:

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

Owijka dla tego elementu:

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

EDIT

Code dodano do jsfiddle: http://jsfiddle.net/BXdrG/

Answer 1

Ach dobrze, źle zrozumiałem jego użycie. Aby uzyskać przycisk płynu że nie potrwają do ogromnych rozmiarów dodałem następujące:

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

Thanks komentujących!

Answer 2

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

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

Answer 3

Dla max-width pracować prawidłowo, pierwszy element musi pewna width. Użyj 100%, aby osiągnąć to, co chcesz. Zobacz tutaj:

http://jsfiddle.net/QsHa9/