Mi piacerebbe mettere questa proprietà per un div:Overflow-y: auto e overflow-x: visibili nello stesso tempo?
.content {
position: relative;
overflow-y : auto;
overflow-x: visible;
}
Secondo this page, se specificato come 'visibile' e l'altro è 'scroll' o 'auto', poi 'visibile' è impostato su 'auto'. Quindi sembra impossibile usare simultaneamente un overflow-y: auto e un overflow-x: visibile.
Tuttavia, ho bisogno di mettere queste proprietà per un sito Web, c'è un modo per farlo?
Vanessa ha trovato la risposta da sola. Eccolo:
OK, ho risolto il problema :) Se qualcuno ha questo tipo di problemi: non dimenticare di rimuovere la posizione relativa dell'elemento genitore (che ha la proprietà di overflow): il div absolutive sarà posizionato in base alla div del genitore che ha la posizione relativa. In caso contrario, sarà posizionato in base al corpo! - Vanessa 19 gennaio 12 alle 5:38
Cosa stai cercando di ottenere? Sembra che il sito che stai collegando copra praticamente ogni combinazione. – kba
... sì, mi sembra che l'overflow: l'auto dovrebbe funzionare solo per te; nel caso in cui la larghezza dell'elemento sia maggiore del contenuto, perché vuoi che una barra di scorrimento sia visibile? Puoi delineare di più il problema? –
Sto provando a realizzare il codice CSS che ho postato nella mia domanda. Ho div .content di 500 * 500 pixel, e ho bisogno di avere un overflow-y al suo interno, e .player div che si trova all'interno del .content div ma ho bisogno di .player per mostrare a un margine sinistro di -200 pixel con .content div e posizionato come un elemento assoluto. Problema: se metto "overflow-y: auto" in .content (per consentire ai visitatori di scorrere verso il basso nel .content div), il div .player non viene mostrato, è nascosto (per ragioni enunciate nel link che ho condiviso). Nota che il div .player deve essere assolutamente all'interno del .content div per i motivi del ciclo PHP ... – Vanessa