2011-03-17 15 views
6

Bu, önemli bir sorun değildir, çünkü bir parça css ile kolayca düzeltilebilir - sadece bilmek istediğim bir şey. Sınır, kutu modeline göre neden dışarıdan bir düğme öğesinin yüksekliğinde görünür? Aşağıdaki örnekte bir düğme elemanına ve bir ankraj elemanına sahibim. Her iki yükseklik de 30px, 1 piksel sınırına sahip. Bununla birlikte, düğme elemanı, çapadan 2px shoter (toplam yükseklik 32px'de doğru şekilde görüntülenir) olarak görünür. stiline bu eklemeNesne yüksekliğinin içinde görünen düğme kenarlığı

http://jsfiddle.net/Y9Rv7/1/

Teşekkür

+0

Hangi tarayıcıyı kullanıyorsunuz, tüm tarayıcılarda böyle mi gösteriliyor? – jdcook72

+0

Düğmeler css kullanarak stil uygulamak zor, sadece 'padding 'öğesini 0 olarak ayarlayın ve firefox ve chrome arasındaki farka bakın. – jeroen

+0

Evet üzgünüm, bu kromda. –

cevap

6

Bu istediğiniz kadar eleman işlemek neden olur

box-sizing: content-box 

senin sorunun çözülmesi gerekir. Varsayılan olarak, düğmelerin kutu içine eklenmesi için dolgu ve kenarlıkların neden olduğu kenar kutusu davranışı ile işlendiğine inanıyorum.

+0

Harika çalışıyor! –

İlgili konular