İse tasarlama' 100% height ama bazı durumlarda, bu, eskiden ne olmalıdır? başarısız html, body elemanları kurdum düzenleri

html, body {
   height: 100%;
}

ya

html, body {
   min-height: 100%;
}

Bu fikir, her yöntem olarak, kendi kusurları vardır, bu yüzden gitmek için önerilen yol nedir ve neden değil?

Eğer tüm tarayıcı penceresini dolduracak kadar html body arka plan görüntüsü uygulamak için çalışıyorsanız, ne. Onun yerine bunu kullanın:

html {
   height: 100%;
}

body {
   min-height: 100%;
}

Benim akıl here bu şekilde arka planları uygulamak için nasıl bütünsel anlatmak () verilmektedir

Bu arada, html body height min-height belirtmelisiniz yüzden sırasıyla ne elemanın herhangi bir iç yüksekliğe sahip olmasıdır. Her iki height: auto varsayılan olarak. 100% yüksekliğe sahip görüş, height: 100% görüş alınan, sonra da içerik kaydırma için izin vermek için en az body uygulanır.

İlk yol, hem height: 100% kullanarak, görünüm penceresi yüksekliği dışında büyümeye başladıklarında içeriği ile aşmasını body engeller. Teknik olarak bu değilönlemekkaydırma içeriğini, ama genellikle istenmeyen bir durum body kat altında bir boşluk bırakmak için neden yok.

İkinci yolu kullanarak min-height: 100% hem, gelmez body genişletmek için tam boy html min-height ile bir yüzdesi üzerinde çalışmıyor body sürece html açık height.

Bütünlüğü uğruna, section 10 of CSS2.1 tüm ayrıntıları içeren, ama birson derecekıvrık ise burada açıkladım dışında hiçbir şeye ilgi duyuyorsanız değil atlayabilirsiniz, okuyun.