Qual è il significato dei termini "Flusso normale" e "Fuori flusso", in termini di HTML, CSS e Browser?Qual è il significato dei termini "Flusso normale" e "Fuori flusso", in termini di HTML, CSS e Browser?
risposta
Fuori flusso è un elemento che è stato posizionato relativamente o in assoluto o qualsiasi cosa è stata fatta galleggiare.
Il resto sarebbe considerato flusso normale.
Vedere CSS Positioning and Layout e prestare molta attenzione alla sezione "Metodi di elementi di posizionamento".
"Flusso normale" è il modo tipico di rendering del browser, tenendo conto degli elementi attorno ad esso e di altri elementi di considerazioni per esso. "Fuori flusso" significa che l'elemento è "ignorato" o il comportamento "modificato" dagli elementi attorno ad esso. Modificata la seguente frase: Pertanto, se un elemento è diverso da static
(impostazione predefinita) potrebbe essere fuori portata (Dico potrebbe, perché per relative
essere fuori flusso, deve essere spostato) o se l'elemento ha un float
quindi diventa "fuori dal flusso" perché non segue uno standard normale inline
di un elemento dopo l'altro in una riga o un normale standard block
di elementi impilati l'uno sull'altro lungo la pagina. Questa pagina è (ovviamente) più approfondita nella comprensione di questo: http://www.w3.org/TR/CSS2/visuren.html
I static
e relative
elementi ancora nel Normal Flow
, ma la absolute
e fixed
elementi vengono rimossi dal flusso.
da http://www.w3.org/TR/CSS21/visuren.html#choose-position
statica: La scatola è una scatola normale, disposti secondo il flusso normale. Le proprietà "top", "right", "bottom" e "left" non si applicano.
relativo: la posizione della casella viene calcolata in base al flusso normale (questa viene definita posizione nel flusso normale).
......
anche si può leggere di più su posizionamento CSS qui: The position declaration
- 1. qual è la differenza tra doGet() e doPost() in termini di flusso?
- 2. Qual è il significato dei termini "buffer" e "window" in vim?
- 3. ciò che è flusso e flusso involucro in php
- 4. Differenza tra HttpContext e HttpContextWrapper in termini di Unit Testing e in termini di Web Forms e MVC
- 5. Cloudsearch termini e frasi Fuzzy
- 6. Differenza tra la valutazione e l'esecuzione dei termini di Gradle
- 7. Java: definizione dei termini di inizializzazione, dichiarazione e assegnazione
- 8. Qual è la differenza tra un flusso di lavoro e un diagramma di flusso, se presente?
- 9. Flusso Java Gestione e flusso applicazioni
- 10. Termini e condizioni di Django modulo
- 11. Test unitari: flusso e persistenza dei dati
- 12. HTML5 qual è l'attributo itemscope e cosa fa nei termini dei layman?
- 13. Qual è la correlazione tra ECMAScript 5 e JavaScript 1.8.5 in termini di funzionalità linguistiche?
- 14. Servizi Java RESTful - Qual è la differenza tra QueryParam e PathParam in termini di utilizzo?
- 15. Spiegate BFS e DFS in termini di backtracking
- 16. Qual è la differenza tra l'albero di ricerca Array e Binary in termini di efficienza?
- 17. Qual è la differenza tra classe astratta e interfaccia in termini di archiviazione in JVM
- 18. Vowpal Wabbit ignorare termini lineari, mantenere solo termini di interazione
- 19. Qual è il significato di id?
- 20. Come è possibile alternativamente il buffer e il flusso di un flusso di dati in tempo reale in Rx
- 21. Qual è la differenza tra UTF8/UTF16 e Base64 in termini di codifica
- 22. Come creare un diagramma di flusso/diagramma usando solo HTML e CSS
- 23. Qual è il significato dei file dylib?
- 24. Qualcuno può spiegarmi collection_select in termini chiari e semplici?
- 25. Flusso di lavoro Git per file e temi css personalizzati
- 26. Qual è la differenza tra == e =: = in Erlang se usato con termini in generale?
- 27. HTML 5 registrazione video e memorizzazione di un flusso
- 28. Quanto costa in termini di prestazioni utilizzare console.log in nodejs e nei browser?
- 29. Formattazione il flusso di output, ios :: sinistra e ios :: diritto
- 30. CWE vs CVE in termini di utilizzo
intendi elementi che sono posizionati con 'relative',' 'fixed' o absolute' –
@ Justin Niessner: una domanda onesta e innocua qui: potresti spiegare perché gli elementi relativamente posizionati sono fuori flusso se non sono fluttuanti? – BoltClock
@BoltClock - Perché anche se si specifica una posizione relativa, si sta comunque sovrascrivendo la posizione che l'elemento avrebbe nel normale flusso del documento. L'alternativa sarebbe provare e utilizzare i margini/padding per mantenere il flusso normale. –