sirve - ¿Cómo eliminar un elemento del flujo de HTML/CSS?
span html para que sirve (8)
¿Ninguna?
Quiero decir, aparte de eliminarlo del diseño por completo con display: none , estoy bastante seguro de que es eso.
¿Estás enfrentando una situación particular en qué position: absolute no es una solución viable?
Sé que "position: absolute" sacará un elemento del "flujo de HTML / CSS" y dejará de interactuar con sus vecinos. ¿Qué otras formas hay para lograr esto?
Flotando reorganizará el flujo pero la posición: absoluta es la única manera de eliminarlo por completo del flujo del documento.
Hay display: none , pero creo que podría ser un poco más de lo que estás buscando.
Intenta usar esto:
position: relative;
clear: both;
Lo uso cuando no puedo usar la posición absoluta, por ejemplo en la impresión cuando usas page-break-after: always; funciona bien solo con la position:relative .
Otra opción es establecer la height: 0; overflow: visible; height: 0; overflow: visible; a un elemento, aunque no estará realmente fuera del flujo y, por lo tanto, puede romper el colapso del margen .
Sé que esta pregunta tiene varios años, pero lo que creo que estás tratando de hacer es obtenerla de manera que un elemento grande, como una imagen, no interfiera con la altura de un div.
Me encontré con algo similar, donde quería que una imagen rebosara un div, pero quería que estuviera al final de una cadena de texto, así que no sabía dónde terminaría siendo.
Una solución que descubrí fue poner el margen inferior: -la altura del elemento, por lo que si la imagen es de 20px de altura,
margin-bottom: -20px; vertical-align: top;
por ejemplo.
De esa forma flotó sobre el exterior del div y se quedó junto a la última palabra de la cadena.
Un truco que hace que la position:absolute más aceptable para mí es hacer que su position:relative principal sea position:relative . Entonces el niño será ''absoluto'' en relación con la posición del padre.
position: fixed; también "explotará" un elemento fuera del flujo, como dices. :)
position: absolute debe ir acompañada de una posición. por ejemplo, top: 1rem; left: 1rem top: 1rem; left: 1rem
position: fixed sin embargo, se colocará el elemento donde normalmente aparecería de acuerdo con el flujo del documento, pero evitará que se mueva después de eso. También establece de manera efectiva la altura a 0px (con respecto a la dom) para que el siguiente elemento se desplace hacia arriba.
Esto puede ser genial, porque puedes establecer la position: fixed; z-index: 1 position: fixed; z-index: 1 (o cualquier índice z que necesite) para que "aparezca" sobre el siguiente elemento.
Esto es especialmente útil para encabezados de posición fijos que permanecen en la parte superior cuando se desplaza, por ejemplo.