在web開發中，文檔流是指頁面中元素的布局和排列方式，通常元素會按照其在HTML代碼中出現的順序依次布局。但是有時候我們想要改變文檔流中元素的位置、大小或樣式，這時候就需要使用CSS來實現。

#example {
position: absolute;
top: 100px;
left: 100px;
width: 200px;
height: 200px;
}

從上面的代碼可以看出，我們使用了CSS中的“position”屬性來改變元素的位置，將其定位在距離頂部100像素、距離左側100像素的位置。同時，我們還設置了元素的寬度和高度為200像素。

除了改變元素的位置和大小，CSS還可以幫助我們改變元素的默認排列方式。例如，我們可以使用“float”屬性將元素浮動到頁面的左側或右側，以便其他元素可以占據該元素原本所占用的空間。

.left {
float: left;
width: 50%;
}
.right {
float: right;
width: 50%;
}

上述代碼可以將頁面中的元素分別浮動到頁面的左側和右側，并設置它們的寬度為頁面寬度的一半。這樣其他元素就可以占據這些元素原本所占用的空間，從而實現頁面布局的靈活性。

總之，CSS提供了各種各樣的方法，可以幫助我們改變元素在文檔流中的默認排列方式。通過靈活運用這些CSS屬性和方法，我們可以實現各種復雜的頁面布局效果。