Yüzdesi Yüksekliği 5/CSS HTML

SORU

25 EKİM 2009, Pazar

Yüzdesi Yüksekliği 5/CSS HTML

CSS belirli bir yüzde boy <div> ayarlamak için çalışıyorum, ama sadece içindeki içerik olarak aynı boyutta kalır. Ne zaman I <div> tüm sayfayı kaplıyor istediğiniz gibi 5 <!DOCTYTPE html> HTML ancak, çalışır, kaldırmak. Bu sayfa doğrulamak istiyorum, ne yapmalıyım?

page KİMLİĞİ olan <div>,: Bu CSS var

#page {
    padding: 10px;
    background-color: white;
    height: 90% !important;
}

CEVAP

25 EKİM 2009, Pazar

CSS belirli bir yüzde yüksekliğinde bir div ayarlamak için çalışıyorum

Ne yüzdesi?

Yüzdesi yüksekliği ayarlamak için, üst öğe(*) açık bir yüksekliğe sahip olmalı. Bu oldukça aşikar, olan yüksekliği auto blok alacak yüksekliği içeriği... ama eğer içeriği kendisi bir yükseklik ifade açısından yüzde üst ettin kendini biraz Catch 22. Tarayıcı sunuyor ve sadece içerik yüksekliğini kullanır.

Div üst height açık bir özellik olmalı. Yükseklik ayrıca eğer isterseniz, sadece bir sonraki seviyeye sorun taşıyan bir yüzdesi olabilir iken.

Eğer yapmak istiyorsun, div yüksekliği yüzde kapısı yüksekliği, her atası div de dahil olmak üzere <html> <body> var var height: 100%, yani bir zincir açık yüzde yüksekten aşağı div.

(*: ya, eğer div konumlandırılmış, bir ‘içeren blok’, en yakın atası olduğu da konacak.)

Alternatif olarak, tüm modern tarayıcılar ve IE>=9 yeni CSS birim yüksekliği (vh) ve görüntü genişliği (vw) görüntü alanına göre destek: