Bir Wordpress teması geliştiriyorum ve sayfanın tüm vücudunun biraz aşağı itilmiş olduğunu fark ettim. Sorunu bulmak için Chrome'da müfettişi kullanılan ve aşağıdaki stilleri bulundu: Ben denetçisindeki bu silersenizGizemli kenar boşlukları web sayfalarında
<style type="text/css" media="screen">
html { margin-top: 32px !important; }
* html body { margin-top: 32px !important; }
@media screen and (max-width: 782px) {
html { margin-top: 46px !important; }
* html body { margin-top: 46px !important; }
}
</style>
sayfanın gövde sırt üstüne yapışır. Ama işte garip olan şey. Sorunun css'de olup olmadığını görmek için tüm stil sayfamı silmeyi denedim, ancak sorun hala var. Yani benim tahminim, Chrome'un bu satırları eklemesi gerektiği iddi, ama neden? IE ve Edge'de iyi çalışıyor. ,
CSS (oldukça dağınık ... Ben stil sayfasında ama hala hiçbir farkı css reset ekleme çalıştı:
Düzenleme: Crome içinde css önbelleği temizlemeyi çalıştı, ancak hiçbir fark .. Düzenleme devam eden ancak iş): https://codeshare.io/sr0sg
Eklemeye çalışın: '* {margin: 0! Important; doldurma: 0! önemli} 'ne olduğunu görmek için. Dolgu/kenar boşluğu giderse, öğelerinizden biri soruna neden oluyor. –
Teşekkürler! Denedim. Tüm web sayfasını tamamen bozuyor ama gizemli kodu hala kaldırmıyor. – Arete
Bu kod parçasını, HTML kodunuza başlıkta eklerseniz ne olur? Belki de gizemli sihir başka bir CSS dosyasında olur mu? –