Float properties and position in CSS

Float Property in CSS:

The Float property defines the direction in which the element floats. Historically, this property has always been applied to images, so that text surrounds the image, but in CSS, any element can float. A floating element generates a block-level box, regardless of its own element.

If floating non-replacement elements, specify a definite width; otherwise, they will be as narrow as possible.

Note: If there is only a small amount of space above a row for floating elements, then this element jumps to the next line, which continues until a row has enough space.

Default value:	None
Inheritance:	No
Version:	CSS1
JavaScript Syntax:	object. style.cssfloat= "Left"

Possible values

value	Description
Left	Element floats to the left.
Right	The element floats to the right.
None	The default value. The element does not float and appears in its position in the text.
Inherit	Specifies that the value of the float property should be inherited from the parent element.

Attention:

1. If Position:absolute is set, the float property will not be valid.

2, Position:absolute; The position is an absolute position and is valid for the top property.

3, if you want to set the height, it is best to use the Margin-top property, that is, the height of the outer border.

Float properties and position in CSS