float and element positioning in HTML

Floating
1, float Property--floating
Float:left;float:right;float:none;
2. Clear Floating--clear
Clear:left\right\both\none
3. Overflow handling
Overflow:visible\hidden\scroll\auto;
Positioning page Elements
1, Position
Absolute positioning (absolute): This positioning method will be assigned

Objects are dragged from the document stream, using properties such as Left,right,top,bottom

Absolute positioning relative to its closest parent object with the most positioned setting.

If the parent of the object does not set the positioning property, or if it is followed by an HTML positioning rule,

The upper left corner of the body object is positioned as a reference. Absolutely positioned objects can cascade,

The stacking order is controlled by the Z-index property, and the Z-index value is an integer with no units,

Large at the top, can have negative values (currently negative FF not supported).

Relative positioning (relative): objects are not stackable and are based on properties such as Left,right,top,bottom

Offsets the position of itself in the normal document flow. You can also use Z-index layering design.

2. Z-index: The larger the order value of the stacking of the elements is placed on the top

float and element positioning in HTML