Pengguna Style Sheets Agen: Misteri Margin di Google Chrome
Kemarin, seperti setiap "Hari Ground Hog" lain, saya sedang mengerjakan beberapa layout CSS / Tableless. Semua berjalan lancar di IE 7, FF 3 dan Chrome, sampai tiba-tiba, saya melihat beberapa un-tidak dapat diketahui margin terlihat hanya di Google Chrome. Meskipun sangat aneh dan worring, Itu adalah beberapa masalah bug / baru yang saya datang di seluruh, ada akhirnya beberapa rempah-rempah dalam pekerjaan duniawi saya. Sedih (tapi bagus) itu bisa diperbaiki dalam beberapa menit dari penyelidikan ...
Pada dasarnya, itu tampak seperti Google Chrome mengabaikan saya Mereset CSS (margin: 0px). Ini sebenarnya disebabkan oleh stylesheet user agent (-webkit-padding-start: 40px). Jadi solusinya adalah untuk mengatur ulang gaya ini dengan menetapkan padding: 0 elemen nakal.
Cara yang baik untuk mencegah masalah ini terjadi pada setiap elemen adalah menggunakan Istirahat CSS global sebagai berikut
* {Margin: 0; padding: 0;}
Apa Pengguna Style Sheets Agen (Spesifikasi)?
Kutipan berikut diambil dari http://meiert.com/en/blog/20070922/user-agent-style-sheets/ , link tindak untuk membaca lebih lanjut tentang Style Sheets User Agent
CSS 1 memperkenalkan ide dengan menyatakan bahwa setiap User Agent (UA, sering 'web browser' atau 'klien web') akan memiliki lembar standar gaya yang menyajikan dokumen dalam akal - tetapi bisa dibilang biasa-biasa saja - cara. CSS 2 mengatakan bahwa agen pengguna sesuai harus menerapkan style sheet default (atau bersikap seolah-olah mereka lakukan) dan bahwa default style sheet agen pengguna harus menyajikan unsur-unsur dari bahasa dokumen dengan cara yang memenuhi harapan presentasi umum untuk bahasa dokumen; CSS 3 adalah kemungkinan dari pikiran yang sama.
Karena spesifikasi CSS menyerahkannya implementasi apakah akan menggunakan "nyata" style sheet untuk tampilan default atau tidak, itu tidak mengherankan bahwa Anda tidak menemukan selembar standar gaya dalam folder instalasi setiap browser. Tidak seperti Microsoft Internet Explorer dan juga Opera, misalnya (dan sejauh yang saya tahu), browser Gecko seperti Firefox dan Netscape Navigator (mencari "html.css") tetapi juga Konqueror membuatnya lebih sederhana untuk memahami gaya standar mereka.
