1。流动布局（flow） 流动布局是最常见的布局方式，也是默认的布局方式。所有的块级元素从上往下一个接一个排列，可以通过设置浮动或定位来改变它们的位置和大小。 2。定位布局（position） 定位布局是指相对于文档流中的其他元素进行定位的布局方式。通过设置相应的定位属性（position、top、right、bottom和left），可以实现相对或绝对定位。 3。浮动布局（float） 浮动布局可以让元素向左或向右浮动，同时其他元素会自动填充其原来的位置。浮动元素的父元素需要设置clear属性，否则可能会发生布局错乱。 4。弹性布局（flex） 弹性布局是指使用flexbox布局方式对子元素进行排列的方法。使用flex可以实现水平和垂直居中、自适应宽度等。 5。网格布局（grid） 网格布局是指使用网格系统对元素进行排版的方法。通过设置网格行和列，可以实现复杂的网站布局。
总之，掌握好CSS中常见的布局模式，可以帮助大家更好地设计和实现页面布局，提升网站的用户体验。