04_floats
dz / mdn / css / 3_css_layout / 04_floatsSummary
Floats
Node Tree
Nodes
floats | |
content | floats |
children | margin_float_pushes_text, background, box_float_margin_right |
background | |
content | background |
children | intended_for_image_floating |
parents | floats |
intended_for_image_floating | |
content | originally intended for image floating inside column of text |
children | repurposed |
parents | background |
repurposed | |
content | started being repurposed for many things |
children | drop_caps (example) |
parents | intended_for_image_floating |
drop_caps | |
content | drop-caps |
parents | repurposed |
box_float_margin_right | |
content | box can be floated with "float" and "margin-right" |
children | margin_float_pushes_text, margin_left_reverse |
parents | floats |
margin_left_reverse | |
content | "margin-left" for reverse effect |
children | margin_float_pushes_text |
parents | box_float_margin_right |
margin_float_pushes_text | |
content | applying a margin to float pushes text away |
children | cant_add_margin_text_push_float (other way around doesn't work) |
parents | box_float_margin_right, floats, margin_left_reverse |
cant_add_margin_text_push_float | |
content | cant add margin to text to push away float: element taken out of normal flow, boxes of following items run behind float |
parents | margin_float_pushes_text |
clearing_floats | |
content | clearing floats |
children | clearing_boxes_wrapped_around_float, clear, clear_prop |
clear | |
content | clear: stop element following float from moving up |
parents | clearing_floats |
clear_prop | |
content | clear property |
children | clear_prop_args |
parents | clearing_floats |
clear_prop_args | |
content | clear: left/right/both. clears items floated to left/right/both. |
parents | clear_prop |
clearing_boxes_wrapped_around_float | |
content | clearing boxes wrapped around a float |
children | block_formatting_context |
parents | clearing_floats |
block_formatting_context | |
content | block formatting context (BFC) using display property |
children | display_flow_root |
parents | clearing_boxes_wrapped_around_float |
display_flow_root | |
content | display: flow-root |
parents | block_formatting_context |