How does CSS DIV do such typesetting?

1. Select DIVb2 and click the+sign under the CSS tab on the right to add a CSS style definition.

2. Select #b2 (ID corresponds to DIV b2) under the new CSS rule panel and confirm.

3. Select the box under Classification on the left side of CSS Rule Definition Panel and enter the corresponding value on the right side. DIV of b2 is defined.

4. Define DIV00 1 below, also select DIV00 1, and click+to create a new CSS.

5. Select the "background" defined by CSS rules and choose a good color.

6. Select "Box" to define the width and height of DIV00 1, and floating is left.

7. Create a new DIV002 style like DIV00 1.

8. Choose a background color

9. After selecting the box, fill in the style attribute value of DIV002. Note that because it floats to the right, the floating here should be selected as right.

10. Like DIV00 1, create and set the parameters of DIV003.

1 1. Defines the style of DIV004. Because DIV004 has the same width as DIV-B2 above, it is set to width:400px and Clear to prevent the transfer of some browser compatibility problems.

12. After setting, check the effect on the left.