常见的布局方式有以下几种：
块级布局(Block Layout)：块级元素默认从上往下排列，每个元素占据一整行。常见的块级元素包括div、p、h1~h6等。
行内布局(Inline Layout)：行内元素默认从左往右排列，每个元素只占据一行中的一部分。常见的行内元素包括span、a、strong、em等。
定位布局(Position Layout)：定位布局是通过设置position属性来实现元素的定位。常见的定位属性包括relative、absolute、fixed等。
弹性盒子布局(Flexbox Layout)：弹性盒子布局是CSS3新增的一种布局方式，通过设置容器和元素的属性来实现灵活的布局。常见的弹性盒子属性包括display: flex、flex-direction、justify-content、align-items等。
栅格布局(Grid Layout)：栅格布局也是CSS3新增的一种布局方式，通过将元素划分为行和列的网格，来实现复杂的布局。常见的栅格属性包括display: grid、grid-template-rows、grid-template-columns、grid-gap等。
在实际应用中，选择何种布局方式主要取决于具体的页面需求和设计风格。
京公网安备 11010802030320号