SORU
12 Mart 2010, Cuma


CSS: eksi Yüzde piksel olarak genişliği/yükseklik Ayarı

Bu YÜZDEN bu soruyu birkaç bağlamlarda sordu gördüm, ama değer yine özellikle benim durumumda isteyen olur diye düşündüm. Daha fazla tutarlılık için yeniden kullanılabilir bazı CSS sınıfları ve sitemde daha az karmaşa yaratmaya çalışıyorum, ve sık kullandığım bir şey standardize etmeye sıkışıp kaldım.

Ben bir konteyner div istemiyorum set yüksekliği (çünkü ona göre değişir nerede sitedir), ve içinde bir başlık div etiketi ve bir sırasız liste öğeleri, tüm CSS uygulanır. Bu gibi görünüyor:

Widget

Sırasız liste kapsayıcı div kalan oda, başlık div 18px uzun boylu olduğunu bilerek almak istiyorum. Ben sadece liste yükseklik olarak belirlemek için nasıl bilmiyorum "eksi 18px 0 sonuç". Herkes bu durumda herhangi bir tavsiye var mı?

CEVAP
31 Aralık 2012, PAZARTESİ


Bu eski bir yazı olduğunu biliyorum, ama önerilen olmadı verilirse CSS3 uyumlu tarayıcılar için yazıyorsanız, calc kullanabileceğiniz belirtmekte yarar var:

height: calc(100% - 18px);

Buna değer tüm tarayıcılar şu anda standart CSS3 calc destek not() işlevi, işlevin belirli sürümleri aşağıdaki gibi gerekli olabilir tarayıcı uygulama:

/* Firefox */
height: -moz-calc(100% - 18px);
/* WebKit */
height: -webkit-calc(100% - 18px);
/* Opera */
height: -o-calc(100% - 18px);
/* Standard */
height: calc(100% - 18px);

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • jkimisyellow...ish

    jkimisyellow

    8 Temmuz 2009
  • Vagrant Records

    Vagrant Reco

    8 Mayıs 2006
  • Vortez

    Vortez

    27 Temmuz 2009