Menu
What are the CSS properties that get elements out of the normal flow? Such properties would be float, position:absolute etc.
This question relates to all the possible alterations of the normal flow.
366
Absolute positioning Giving an item position: absolute or position: fixed removes it from flow, and any space that it would have taken up is removed.
Normal Flow, or Flow Layout, is the way that Block and Inline elements are displayed on a page before any changes are made to their layout. The flow is essentially a set of things that are all working together and know about each other in your layout.
Absolute positioning, which ignores normal layout entirely, pulling the element out of flow and positioning it relative to its containing block with no regard for other content. Fixed positioning, which absolutely positions the box and affixes it to the viewport or page frame so that it is always visible.
Positioning allows you to take elements out of normal document flow and make them behave differently, for example, by sitting on top of one another or by always remaining in the same place inside the browser viewport.
Only the following properties affects the normal flow of any given element:
float: right|leftposition: absolute|fixedJust for completeness:
display: none removes the element from the flow (strictly speaking the element will not have a flow order)
position: relative does not change the flow order of the element, but changes its position relative to the normal flow position.
visibility: hidden will maintain the element on the flow but will not render it to the viewport.
128
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
