流式布局(百分比布局)

定义

流式布局，就是百分比布局，也称非固定像素布局。
通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩，不受固定像素的限制，内容向两侧填充。
在早期用来应对不同尺寸的PC端，如今也是移动开发使用的比较常见的布局方式。

配合来使用

• max-width 最大宽度 （max-height 最大高度）
• min-width 最小宽度 （min-height 最小高度）

代码演示

   <style>
        * {
   
            padding: 0px;
            margin: 0px;
        }
        
        .container {