2011-09-07 14 views
6

Eğer mutlak bir pozisyona sahip bir elemanım varsa ve ben onu değiştirdim ve üst pozisyonu ana çocuklarına yeniden aktaracak mı? ve sol ve üst eksen tarafından da mutlak olarak konumlandıkları için etkilenmezlerse kendi çocuklarına ne dersiniz?Öğenin konumu mutlak ise tarayıcının yeniden akması sağlanıyor mu?

Bir öğenin genişliğini/yüksekliğini değiştirir ancak ebeveyn ve onun çocuklarında hiçbir önemi yoktur?

cevap

11

Mutlak konumdaki bir nesne, sayfanın düzenini etkilemez. Sayfa, mutlak olarak yerleştirilmiş bir nesneyi dikkate almadan düzenlenmiştir. Mutlak konumlandırılmış nesnenin taşınması, diğer nesnelerin yeniden akıtılmasına neden olmaz.

Nesnenin mutlak konumlandırmasıyla taşınması, alt nesneleriyle birlikte hareket etmesine neden olur. Onları geri akıtmayacak, sadece ebeveyn konteynırlarıyla birlikte hareket edecekler.

+1

Teşekkürler! Bu bilmek için mükemmel. Bu kural IE6 ve IE7 + 'ya uygulanır? –

+0

Tüm tarayıcılara uygulanır. Mutlak konumlandırmanın işleyişi budur. – jfriend00

+2

Tarayıcı yeniden akış davranışı çok şaşırtıcı (özellikle IE) olabilir, bu yüzden küstah tepkisinin açığa çıkmadığını düşünüyorum. Örnekler için http://www.phpied.com/the-new-game-show-will-it-reflow/ adresini ziyaret edin ('display: none' tuhaflığını not edin) –

2

Mutlak konumlu öğe için, belge akışını etkilememelidir ve bu nedenle konum değişikliği sayfanın dom ağacının yeniden akışına (geçişi) yol açmamalıdır, ancak Chrome DevTools ile this simple case'u test ederseniz, gerçekten onu görebiliriz Çok kısa sürede röle (tüm belge) neden olur. Muhtemelen render motoru özel bir durumla uğraşmadı.

+0

Bu hata bildirildi mi? Ataların yeniden akışını tetiklememesi gereken mutlak bir öğe gibi görünüyor. Mutlak elemanlar eklerken/çıkarırken bunu gördüm. – aleclarson

İlgili konular