要使用CSS Flexbox布局实现网站的自适应排版，可以按照以下步骤进行操作：

1. 在容器元素上启用Flexbox布局：在父元素的CSS样式中为其添加display属性，并将其值设置为flex或inline-flex。

“`css
.container {
display: flex;

}
“`

2. 设置项目的排列方向：默认情况下，Flexbox容器会将项目按照行水平排列。如果需要垂直排列，可以设置flex-direction属性的值为column。

“`css
.container {
flex-direction: column;
}
“`

3. 调整项目的大小和位置：使用flex属性控制项目的拉伸和收缩，以及控制项目在容器内的位置。

“`css
.item {
flex: [flex-grow] [flex-shrink] [flex-basis];

}
“`

4. 添加其他布局属性：可以使用其他CSS布局属性，如justify-content、align-items、align-content来对容器内的项目进行对齐和布局。

“`css
.container {
justify-content: [flex-start | flex-end | center | space-between | space-around | space-evenly];

align-items: [flex-start | flex-end | center | stretch | baseline];

align-content: [flex-start | flex-end | center | stretch | space-between | space-around];

}
“`

通过设置Flexbox布局的这些属性，可以实现网站的自适应排版，让页面元素灵活地适应不同的屏幕尺寸和设备。