2016-03-18 23 views
-3

Bir kapsayıcı içinde bazı bloklar var, ancak belirli bir durum çalışmaz.CSS özellik float ile garip davranış

wrong way

mavi çizgi BLOCK B başlangıç ​​noktası olmalıdır, ancak sağ blok aşağı gidiyor:

screenshort izleyin. Niye ya?

codepen: http://codepen.io/faeldix/pen/MyJNXR

ps - ingilizcem floats sana yolu yaptıkları şeyi çalışmıyor nedeni muhtemelen olur iyi

+0

Kod arayan sorular, soruları cevaplandırmak için gereken en kısa kodu ** içermelidir **. Her ne kadar [** linke bir örnek **] vermiş olsanız da (http://meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project-doesnt-work-can- Eğer link geçersiz olacak olsaydı, sorunuzun aynı problemle diğer gelecekteki SO kullanıcılarına bir değeri olmayacaktı. –

+0

Kaleniz bu durumu yansıtmıyor gibi görünüyor. Ayrıca, sorunun kendisine kod yerleştirebileceğinizi lütfen unutmayın. Eğer soru, HTML/CSS/JS ile ilgili ise Runnable kodu aslında. – GolezTrol

+0

Sorunuz sadece [iyi bir sorunun gereksinimleri] yerine getirilmiyor (http://stackoverflow.com/help/how-to-ask) fakat cevabınız şaşırtıcı bir şekilde CSS-Rule '.row {width: 100%; yükseklik: 1px; Burada neyin yanlış olduğunu hayal edebilir misin? – nemoinho

cevap

0

değildir.

Ne arıyorsun position:absolute olduğundan şüpheleniyorsanız MDN

bunlar hakkında daha fazla bilgi.

float:left ürününü .event sayfasından kaldırın ve position:absolute ekleyin. Tabii ki öğeleriniz örtüşecek.

Başka bir çözüm .row için position:relative ekleyip hatta için küsur için float:left (bırakılmalıdır olanlar) .event ve float:right.event (sağ olmalıdır olanlar) kullanmaktır.

İlgili konular