IE, neden bu% 100 yükseklik içeriğine sahip bir dikey kaydırma çubuğu gösteriyor?

Question

"% 100 tarayıcı genişliği/yüksekliği" modunda görüntülemek istediğim bir Silverlight video oynatıcım var (yani tam ekran değil, tüm tarayıcı görüntüleme alanını dolduruyorum).

Normal oyuncu: http://play.nimbushd.com/lfu53b5

Tam ekran versiyonu: 0px, dolgu: http://play.nimbushd.com/lfu53b5/fullscreen

I kenar boşluğu ile, DOM neredeyse her düğüm güvenilir ve% 100 genişlik/yükseklik belirledik 0 piksel. Firefox'ta harika çalışıyor gibi görünüyor. Öyleyse, IE neden altta küçük bir boşlukla dikey kaydırma çubuğu gösteriyor?

Düzenleme: bu sorun çözülene beri kısa açıklama: çünkü form etiketinin IE sadece biraz üzerinde bir ASP.NET <form> etiketi dökülmeleri içinde% 100 yükseklik/genişlik Silverlight kontrolü.

Answer 1

Bu davranış, <form> içerisindeki satır içi öğelerden kaynaklanır - satır içi öğeler her zaman line-height değer piksel oluşturur.

form { font-size: 0; } 

veya

Alternatif

form * { display: block; } 

, sen <form> tüm satır içi soyundan (bu metin düğümleri içerir) kurtulmak deneyebilirsiniz - ama ben: Aşağıdaki CSS kurallarının Herhangi bunu çözecektir Aslında çalışacağından emin değil (test edilmemiştir). Ayrıca, bu işaretlemeyi korumak zor olacaktır (tüm yeni satırları çıkarmanız gerekir ve bu gibi ... dağıtım sırasında yapılabilirdi, ama bence bu çok uzak).

Answer 2

Sen size html bu stil gerekir: Bu hem html ve body bir stil geçerli olduğunu

<style type="text/css"> 
html, body { 
    height: 100%; 
    overflow: hidden; 
} 
body {margin: 0px} 
</style> 

Not viewport yüksekliğine html elemanın yüksekliğini uygulamak ve bu nedenle de vücut için.