Let’s talk about the flow model first. Flow is the default web page layout mode. That is to say, the HTML web elements of the web page in the default state distribute the web page content according to the flow model.

The fluid layout model has two typical characteristics:

First, the block elements will be vertically extended and distributed in order from top to bottom within the containing element, because in By default, the width of block elements is 100%. In fact, block elements all occupy positions in the form of rows.

Below we write an example of a block element under the flow model. The code is as follows:

      
  
中国
 
PHP 中文网
 
测试代码测试代码测试代码测试代码测试代码测试代码测试代码测试代码测试代码
  
强军
  

The width of the three block element labels (div, h1, p) in the above code is displayed as 100%