2011-05-25 19 views
11

Aşağıdaki example on JS Fiddle numaralı belgeye atıfta bulunmak dışında bunu açıklamamın bir yolu yok - içinde bir taşma: gizli öznitelik girdikten sonra beklenen BLUE kutusu, genişliğin% 100'üne kadar uzanmıyor.Taşma yapabilir: gizli efekt düzeni?

Gösterim taşması altında kaldım: Gizli, yalnızca görünürlük özelliklerini etkileyecek ve düzeni engelleyemeyecektir. Birisi bu örnekte neler olduğunu açıklayabilir mi?

DÜZENLEME: Bu sorun webkit tarayıcılarda (örneğin Krom)

+0

Bu sorunları hangi tarayıcılarda görüyorsunuz? FF –

+1

'da bana neyin krom ile işaret ettiğini görerek iyi görünüyor. büyük olasılıkla webkit – corroded

+3

Yan nota: Aynı kimliğe sahip birden çok öğeye sahip olmamalısınız, ör. Mavi ve kırmızı. Bu soruna neden değil, Chrome/Lin'de görebiliyorum. – newtron

cevap

16

overflow: hidden, diğer özellikler arasında, yeni block formatting context tanıtır, çünkü öyle sınırlı görünüyor.

O büyük makalesinde etkileri hakkında bilgi edinebilirsiniz: The magic of overflow: hidden

GÜNCELLEME: Ben ettik (Chrome üzerinde test) çalışıyor şeye rewritten your jsFiddle. #red ve #blue (overflow: hidden nedeniyle farklı davranacak) üzerinde margin-left10 tanımlamak yerine, margin-right'u #yellow'a ekledim.

+0

@ bazmegakapa- Müthiş - yön ve yeniden yazma için teşekkürler – Yarin

İlgili konular