CSS文檔流的思想是CSS排版的核心思想，它指的是在沒有使用position屬性的情況下，在HTML文檔中元素排版的方式。CSS文檔流始終遵循著從上到下、從左到右的規律，即先處理前面的元素，再處理后面的元素。

在CSS文檔流中，元素的水平布局依賴于其父元素的寬度，而每一個元素又會影響其子元素的排布。同時，元素的垂直布局則是由其父元素和兄弟元素來決定。

/* 以下為一個簡單的示例 */
<div class="container">
<div class="box1">box1</div>
<div class="box2">box2</div>
<div class="box3">box3</div>
</div>
.container {
width: 80%;
height: 300px;
background-color: #f4f4f4;
}
.box1 {
width: 30%;
height: 100%;
background-color: #ccc;
float: left;
}
.box2 {
width: 40%;
height: 80%;
background-color: #999;
margin-left: 5%;
margin-top: 10%;
float: left;
}
.box3 {
width: calc(25% - 30px);
height: 60%;
background-color: #666;
float: right;
}

在這個示例中，.container是一個父元素，包含了3個子元素.box1、.box2和.box3。由于我們設置了.box1、.box2和.box3這些元素的float屬性，它們就脫離了正常文檔流的排列方式，處于浮動狀態，因此元素會拿出來單獨進行排版。

當元素處于浮動狀態時，它們不會擠壓其他元素，而是會尋找到能夠容納它們的空間進行排列。同時，其余的元素在沒有與浮動元素發生重疊的情況下，則會繼續按照文檔流的規則排列。

在CSS排版中，CSS文檔流的思想是一個重要的基礎，對于布局的合理性和代碼的可讀性都有著很大的影響。