DIV + CSS webpage layout: three-column layout, divcss

DIV + CSS webpage layout: three-column layout, divcss
1. Adaptive width layout of three columns

The principle of the three-column layout is the same as that of the two-column layout, but with one more column, you only need to add one column to the layout of the two columns with adaptive width, then, the width of the three columns is recalculated to achieve the Adaptive Layout of the three columns.

In the same way, the layout of more columns is actually the same as that of two or three columns.

1 <! DOCTYPE html> 2 2. fixed width of left and right columns and adaptive width of intermediate content
To realize the Adaptive Layout of the left and right columns with fixed width and middle width, the floating mode cannot be used. After the floating mode is used, the page becomes messy. You must use absolute positioning to fix the three columns in one row.
1 <! DOCTYPE html> 2