2012-01-19 19 views
7

Ben bir div için bu özellikleri koymak istiyorum: this page göreOverflow-y: otomatik ve taşma-x: aynı zamanda görünür?

.content { 
position: relative; 
overflow-y : auto; 
overflow-x: visible; 
} 

, bir 'görünür' ve diğer olarak belirtilirse ardından 'görünür', 'kaydırma' veya 'otomobil' mesafesindedir 'auto' olarak ayarlayın. Yani aynı anda bir taşma-y: auto ve bir overflow-x: görünür kullanmak imkansız gibi görünüyor.

Ancak, bu özellikleri bir web sitesine koymam gerekiyor, bunu yapmanın bir yolu var mı?

Vanessa cevabı kendi başına buldu. İşte bu:

Tamam, sorunu çözdüm :) Eğer herhangi bir sorun varsa: Ana öğenin göreli konumunu (taşma özelliğine sahip olan) kaldırmayı unutmayın: mutlak div göreli pozisyona sahip ebeveyn div'a göre yerleştirilecektir. Değilse, vücuda göre yerleştirilir! Bu (ana elemanın göreli konumunu kaldırmak unutmayın: - Vanessa 19 Ocak '12 5:38

+1

Neyi başarmaya çalışıyorsunuz? Bağladığınız site hemen hemen her kombinasyonu kapsıyor gibi görünüyor. – kba

+0

... Evet, bana taşmaya benziyor: auto sadece sizin için çalışmalı; Öğenin genişliğinin içerikten daha büyük olması durumunda, neden kaydırma çubuğunun görünmesini istiyorsunuz? Problemi daha fazla anlatabilir misin? –

+0

Sorumu gönderdiğim CSS kodunu gerçekleştirmeye çalışıyorum. 500 * 500 piksel değerine sahibim ve bunun içinde bir taşma-y olması ve .content div'in içinde bulunan .player div'ına ihtiyacım var, ama -200 pikselden oluşan bir solda göstermek için .player'a ihtiyacım var. .content div ile ve mutlak bir öğe olarak konumlandırılmış. Sorun: .content'te "overflow-y: auto" ifadesini koyarsam (ziyaretçilerin .content div içinde aşağıya inmesine izin vermek için) .player div göstermiyorsa, gizlidir (paylaştığım bağlantıda belirtilen nedenlerden dolayı). .player div'in PHP'nin nedenleri için .content div içinde olması gerektiğine dikkat edin ... – Vanessa

cevap

0

Vanessa https://stackoverflow.com/users/1151236/vanessa Tamam, problem :) herkes sorunları bu tür varsa sabit" diyor taşma özelliğine sahip olan): mutlak div, göreli pozisyona sahip ana div'a göre yerleştirilecektir. Eğer değilse, vücuda göre yerleştirilecektir! "

İlgili konular