Positioning and floating of CSS

CSS provides some attributes for positioning and floating. With these attributes, you can create a columnar layout that overlaps one part of the layout with the other, you can also complete tasks that require multiple tables for years.

The basic idea of positioning is simple. It allows you to define the position of an element box relative to its normal location, or relative to the parent element, another element, or even the browser window itself. Obviously, this feature is very powerful and surprising. It should be noted that the support of user agents for positioning in CSS2 is far better than that for other aspects.

On the other hand, CSS1 proposed float for the first time, which is based on a feature added by Netscape in the early stages of Web development. Float is not completely positioning, but it is certainly not a normal stream layout.