YANİ, genişliği doldurma boyutunu içerir. FF iken, genişliği değildir. Nasıl ikisi de aynı çalışır hale getirebilir miyim?

Teşekkürler.

• YANİ daha-rahat-ama-olmayan-standart kullanıyordu< . "sınır-box"kutu modeli. Bu modelde, bir elementin genişliğini doldurma ve sınırları içerir. Örneğin:
  #foo { width: 10em; padding: 2em; border: 1em; }
10em geniş olurdu.

• Buna karşılık, standartları korkusu tüm varsayılan tarayıcılar< . "içerik-box"kutu modeli. Bu modelde, bir elemanın genişliği yokdeğildolgu ya da sınırları vardır. Örneğin:
  #foo { width: 10em; padding: 2em; border: 1em; }
  aslında 16em geniş olacak: her bir kenar için, 1em her yan sınır için 6* 10em *doldurma.

Eğer valid markup, good doctype appropriate headers ile YANİ modern bir sürümünü kullanıyorsanız standardına bağlı olacaktır. Aksi takdirde, standartlara uyumlu modern tarayıcılar kullanmaya zorlayabilirsiniz "border-box" ):

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

İlk bildirimi Opera için gerekli, ikincisi Firefox, üçüncü Y ve Krom için.

Burada box-boyutlandırma beyan tarayıcı destekler ne yıl önce test için yaptığım basit bir test var: http://phrogz.net/CSS/boxsizing.html

Y (Safari ve Chrome) herhangi bir bildiri ile padding-box kutu modeli desteklemediğini unutmayın.