<!DOCTYPE> kullanırken "Yükseklik =% 100", html çalışmıyor?

DOCTYPE olmadan HTML kullandığımda, HTML sayfam Height=100% çalışıyor.<!DOCTYPE> kullanırken "Yükseklik =% 100", html çalışmıyor?

Ama DOCTYPE kullandığınızda, yükseklik düzgün çalışmıyor ...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="en"> 
<head> 

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> 
<title>New Page 1</title> 
</head> 

<body> 

<table cellpadding="0" cellspacing="0" width="11" height ="100%"> 
    <tr> 
     <td height="100%" bgcolor="#008000">&nbsp;</td> 
    </tr> 
</table> 

</body>

bu sorunu çözmek için nasıl

kaynak

2009-12-27 Alex

İşte DOCTYPE konunun basit ve net bir açıklama verilmiştir: http://stackoverflow.com/a/32215263/3597276 –

"Yükseklik =% 100" ifadesini belirtirken "Ne 100%" düşünmeniz gerekir. Vücut olan o tablonun ebeveyni. Ama vücut ne kadar uzun?

istediğini yapmak için CSS bu ekleyin: html, body {height: 100%}

kaynak

2009-12-27 16:34:16 Rob

standartları moduna quirks mode bir DOCTYPE anahtarları sizi ekleme. Standartlar modunda, html ve body öğeleri varsayılan olarak görünümün boyutunun% 100'üne (tarayıcı penceresi) ayarlanmaz; bunun yerine, sadece çocuklarını içermek zorunda oldukları kadar büyükler. table% 100 yükseklik, içeren elemanın% 100'ü anlamına gelir, ancak bu, yalnızca tablonun içeriğini içermesi gerektiği kadar büyüktür. Quirks modu, html ve body öğelerinin görüntü alanını doldurduğu eski tarayıcıların davranışlarının bir öykünmesidir.

sorunu gidermek için, sadece belgeye bu eklemeniz gerekir: Herkes gibi

<style> 
    html, body { height: 100% } 
</style>

kaynak

2009-12-27 16:51:17

ı yukarıda gibi çalışıyorum, ama genişliği (% 100) çalışmaktadır ancak yükseklik – Alex

Düzenlemek Can çalışmıyor Gönderiniz çalıştığınız tam kod ve hangi tarayıcı (lar) üzerinde başarısız? –

Bunu Firefox'ta test ettim ve sonuç Okay. teşekkürler @Brian Campbell –

çözümün ana bölümü

html, body{'height=100%'}

Ama onun da koymak olduğunu söyledi Her atamızın boyunu% 100 olarak ayarlamak gerçekten önemlidir. Örneğin kodunuzu #scnddiv, toplamı% 100 yapmak istiyorum div ise

<body> 
    <div id="firstdiv"> 
     <div id="scnddiv"> 
       lets say this is the div you want to make 100% 
     </div> 
    </div> 
</body>

aşağıdaki gibidir sadece html ve vücut% 100 yapmak zorunda değil, aynı zamanda #firstdiv. eğer Bu nedenle,

gibi bir şeye benzeyecek, daha sonra bu divanda% 100 olmasını sağlayabilirsiniz.

Umarım bu yardımcı olur.

kaynak

2017-06-16 03:40:25 user4504661

Bunun neden reddedildiğinden emin değil misiniz? – Brian

<!DOCTYPE> kullanırken "Yükseklik =% 100", html çalışmıyor?

cevap

İlgili konular