SORU
29 Ocak 2009, PERŞEMBE


CSS stili açık&; kaydır" quot için en iyi yolu nedir?

<br style="clear:both"/> kullanarak yüzer takas benim için gayet alışığım ama bir şeyler değişmeye devam ediyor ve bu en iyi yöntem olduğundan emin değilim.

Takas div kalmadan aynı sonucu elde etmenizi sağlar CSS hack (positioneverything) mevcuttur. Ama... hack tarih biraz dışında olduğunu iddia ediyorlar ve bunun yerine belki de this hack bakmak gerekir. Ama.. yorumlar 700 sayfa okuduktan sonra :) bazı yerler de olabilir gibi görünüyor hack çalışmıyor ikincisi.

Benim takas javascript etkin olursa olsun çalışmak istiyorum herhangi bir javascript kesmek neden kaçınmak istiyorum.

Tarayıcı bağımsız bir şekilde takas divs için geçerli en iyi uygulama nedir?

CEVAP
2 ŞUBAT 2009, PAZARTESİ


Güncelleme: Sözde elemanlar, @tarafından belirtildiği gibi RodrigoManguinho kullanılan clearfix bir teknik kullanmalısınız 2014. Bu yüzen takas modern yoludur. Daha güncel bir yöntem, Nicholas Gallagher mikro clearfix bakın:

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

Orijinal Cevabı:

Gerçekten uzak bir temizleme elemanı kullanarak kalın olmayan anlamsal biçimlendirme ekstra kullanma gibi, yok. Sadece kaydır(ler) bunları temizlemek için üst overflow: hidden; uygulamak yerine. Çapraz tarayıcı çalışıyor, sorun yok. overflow: auto; da çalışır inanıyorum.

Açıkçası, eğer farklı bir taşma özelliği kullanmak istiyorsanız, bu bir işe yaramaz, ama IE6 kutusu hata genişletilmesi nedeniyle, nadiren tamamen benim kaplar taşması için bir neden var.

See more info on using overflow instead of clear to avoid adding extra markup.

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • B4ROK

    B4ROK

    1 EKİM 2008
  • Chilla Frilla™

    Chilla Frill

    7 Aralık 2006
  • katherine gomez

    katherine go

    1 Aralık 2011