Page Layout Basics third time (floating layout)

Clear float

To clear floating methods:
Set the following properties on the affected element
1, set the clear property for the element--clear:both; clear:left; or clear:right;
2, at the same time set width:100% (or fixed width "fixed width may have problems") +overflow:hidden;
A width of 2 is set to 100% to inherit the widths of the parent container. Fill the container with left and right, and clear the floating create condition for yourself. With the overflow hidden, you can remove the floating part of the package.

Horizontal Two-Column layout implementation: This is one of the most common ways to page layout
Key Application Skills:
Float Property--arranges vertically the block-level elements, arranged horizontally
Margin Property--sets the spacing between two columns

Page Layout Basics third time (floating layout)