Pertanyaan Batas tombol muncul di dalam ketinggian objek


Ini bukan masalah besar karena dapat dengan mudah di-tweak dengan sedikit css - hanya sesuatu yang saya ingin tahu. Mengapa perbatasan muncul dalam ketinggian elemen tombol bukannya di luar, seperti per model kotak? Dalam contoh di bawah ini saya memiliki elemen tombol dan elemen anchor. Tinggi keduanya 30px, dengan batas 1px. Namun elemen tombol muncul 2px shoter daripada anchor (yang ditampilkan dengan benar pada ketinggian 32px total).

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

Terima kasih


6
2018-03-17 16:01


asal


Jawaban:


Menambahkan ini ke gaya harus menyelesaikan masalah Anda

box-sizing: content-box

Ini akan menyebabkan elemen render seperti yang Anda inginkan. Saya percaya bahwa dengan tombol default dirender dengan perilaku border-box yang menyebabkan padding dan batas yang akan ditambahkan dalam kotak.


6
2018-03-17 16:24