Foreword
pc side page in order to maintain good compatibility, typically used to support section css2 floating (float) and positioning (postion) to the layout. Floating strange behavior, but there is a pattern. The following are under Secret css book summarizes floating inside.
Block comprising : a block comprising a floating element is its parent element.
Floating six acts
Generating a block-level block
Any floating element will generate a block-level box.
"This means that after inline floating elements can also set the width and height.
Like a balloon, like dancing
The floating element will be removed from the normal stream, then it will fly to the specified direction by up to the top element until the parent content area (padding within) a.
"Remember to padding will float within the parent element.
Focus
Immediately block-level elements can not see it, but the block of text elements will focus on the float.
"Often used to achieve the effect of text surrounded by pictures
Margin rejected overlap
Between the floating elements, the floating element outside all adjacent pitch will not overlap.
"Outside the normal block between the elementary stream from the overlap, the distance between the two blocks will eventually be more margin than the standard one.
Collapse height of the block comprising
The default height of the floating element does not participate in the parent element height calculation.
"Often said that the main is to make clear float floating elements involved in the parent element height calculation.
Block width is not enough to contain arranged downwardly
When the sum is larger than the width of two floating elements parent element, the floating element along the bottom before the floating element.
"This is what you use to float, so that the elements are arranged horizontally when the last element is always a reason for the fall.
Note : Specifies the width of the front element elements float sure to show, otherwise there will be some unpredictable supernatural events.