2009-06-08 30 views
5

Merhaba CSS öğrenmeye çalışıyorum ve pratikte nasıl çalıştığını öğrenmek için web sitelerinin kaynağına bakarak olmuştur. Geçen gün 960 ızgara sistemi geldi ve bu aşamada 960gs çerçeve >>OneHubweb sitesi% 100 ekran genişliği doldurma div sorumlu ne css kuralı sorumludur

kullanıyor gerçekten güzel bir site tasarımı buldum, bana kullanmak için çok akıllıca olduğunu düşünmüyorum CSS'yi daha iyi anlayana kadar bir CSS çerçevesi. Bu yüzden benim sorum web sitesinde, tarayıcı genişliğinize genişleyen bir arka plan ile ortalanmış bir içerik kutusuna nasıl ulaştıklarına dair.

Firebug'ım kuruluyor ve sitelerindeki divların neden olduğunu anlayamıyorum. #gutter, #navigation tüm tarayıcı genişliğini doldurmak için genişleyecektir. Bu divların genişlik değerini nasıl hesapladıklarını görmüyorum, çünkü çocuk elemanlarının hiçbirinin yeterince büyük olmadığı ya da bu divleri daha büyük olmaya zorlayacak bir kurala sahip olmadığı görülmektedir.

Genişliğin% 100 nasıl olduğunu anlamıyorum, bir kenar boşluğu otomatik kuralını veya CSS'de bir yerde belirtilen% 100 genişliğini görmeyi beklerdim ama bulamıyorum. 960gs kullanan diğer web siteleri de aynı şeyi yapıyor olabilir, ancak bu siteyi referans olarak kullandım çünkü güzel bir tasarıma sahip olduğunu düşünüyorum. yani, kendi üst eleman dolduracak şekilde genişler -

sorum mantıklı umut ve genişliği için herhangi bir kural belirtirseniz bu

cevap

7

İşlenmemiş, DIP biçimli dosyalar her zaman ana öğenin% 100'ünü dolduracaktır. Eğer bu beden veya tarayıcı penceresini dolduran başka bir unsursa,% 100 dolduracaktır.

"Blok seviyesi" öğesi denir. Tüm blok seviyesi elemanları şu şekilde davranır: div, p, form, ul, vb

+0

Bir mac olup olmadığını bilmiyorum (muhtemelen değil) ama CSSEdit, mükemmel bir arayüzle birçok tasarımcı CSS'i öğreten müthiş bir uygulamadır. CSS çok karmaşık değil, sadece w3c CSS öğreticiler @ http://www.w3schools.com/css/css_intro.asp poke. –

+0

Sorunuz ve özlü yanıtınız için teşekkür ederiz! Biraz aptal hissediyorum çünkü bu basit davranışa bakıyordum, hala çok daha fazla okuma yapmam gerektiğini gösteriyor. Ben de CSSEdit denemek için bir mac vardı isterdim –

2

ile herhangi bir yardım için teşekkür ederim, genişliği% 100 varsayılan gereğidir. Bu durumda, ana öğe, aynı zamanda görünümün tam genişliğidir gövdesidir.

+0

Teşekkürler, bu gerçekten yardımcı oldu! –

0

960 ızgara sistemi ile, tüm tarayıcı genişliğini belirttiğinizde, 960px anlamına gelir. Yukarıda rpflo ile katılıyorum.