HTML Camera clip
Here is a slowed down version of what happens to content in the normal flow as each child takes its place - in a modern browser like Firefox and Safari:
To see it from the start, just refresh your page. (Don't forget to allow animated gifs in your browser!)
- The container suddenly gets height when the first child comes. Just enough and no more.
- The children adjust their positions when taller siblings find a place on the same row so that they are level at the bottom of their feet.
When done, return to
main article