Multi-column layout, multi-column layout compatibility

Multi-column layout, multi-column layout compatibility

Fixed width of two columns

<! DOCTYPE html> 
 

The main value floats to the left, and the side value floats to the right.
Main fixed width 660px, side fixed width 300px
Add clearfix to the parent element of the main and side elements to "Clear floating", so that subsequent elements will not be affected by the "Floating action" of the main and side.
 
 
Fixed width + adaptive

 
 
 
 
 
Indefinite width + adaptive

 
 
 
WIDE with multiple columns
 

 
 
 
 
 
Equal width

 
 
 
 
 
 
 
Css float attribute Introduction: http://www.w3school.com.cn/css/css_positioning_floating.asp
If you use chrome, we recommend you a browser plug-in (used to view div distribution) Div Density.