Hoe een element uit de stroom te verwijderen?

Ik weet position: absolutezal een element knallen uit de stroom en stopt de interactie met de buurlanden

.

Welke andere manieren zijn er om dit te bereiken?

1, Autoriteit 100%

Een truc die merken position: absolutemeer smakelijk voor mij is om de bovenliggende position:relative. Dan zal het kind absolute ‘opzichte van de positie van de ouder.

jsFiddle

2, Autoriteit 52%

Geen?

Ik bedoel, anders dan te verwijderen uit de lay-out volledig met display: none, ik ben er vrij zeker van dat is het

Bent u geconfronteerd met een specifieke situatie waarin position: absoluteis geen haalbare oplossing

3, gezag 30%

Een andere optie is om set height: 0; overflow: visible;een element, hoewel het niet echt buiten de stroomsnelheid en daardoor kan breken marge instorten .

4, Autoriteit 4%

Er is display: none, maar ik denk dat misschien een beetje meer dan wat je zoekt

5, Autoriteit 2%

Drijvende zal de binnenkomende stroom positie reorganiseren. Absolute is de enige manier om volledig te verwijderen uit de stroom van het document

6, Autoriteit 2%

Ik weet dat deze vraag is enkele jaren oud, maar wat ik denk dat je probeert te doen is het zo waar een groot element, zoals een beeld heeft geen invloed op de hoogte van een div?

Ik liep in iets dergelijks, waar ik wilde een beeld van een div overstromen, maar ik wilde dat het aan het einde van een string van tekst, dus ik wist niet waar het zou uiteindelijk op een.

Een oplossing ik ontdekt was margin-bottom de gezet: height -element, dus wanneer de afbeelding 20 pixels hoogte,

margin-bottom: -20px;
vertical-align: top;

bijvoorbeeld.

Op die manier zweefde over de buitenkant van de div, en bleef naast het laatste woord in de string.