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

  • campos9896

    campos9896

    24 Mart 2012
  • Codecourse

    Codecourse

    3 ŞUBAT 2009
  • DavidParody

    DavidParody

    17 EKİM 2009