このページは例です：あなたが読んでいる内容は、ページの本文の中で横に並んでいる三つの領域の真ん中に位置しています。

隙間は区切りです

二つの領域の間には何も描かれていません。それらを区別するのは、二つの間に残されたスペースであり、ページはそのスペースを通して示します — メニューとヘッダーが存在する同じ地面です。各領域は自分自身を持ち、体が常に持っていた地面です。

それぞれ独自に

二つの列は与えられた幅を保ち、真ん中は残りのスペースを取ります。三つのうちの一つをスクロールすると、他の二つはそのままの位置に留まります：領域は自分自身のオーバーフローを保持し、ページは何も保持しません。

領域は隣のことを何も知りません。左側のエクスプローラーは自分自身の分割です — 留まるバーとその下でスクロールするツリー — そしてそれはページの他のどこでも同じ形をしています。

一つのサイズ調整

左側の領域には `zone-resizer` があり：隙間を埋めるハンドルで、何も描きません — カーソルが動くことを示します。ドラッグするか、フォーカスを当てて矢印を使ってください；ダブルクリックすると、その領域はページが与えた幅を取り戻します。

ハンドルはサイズを持つ領域のサイズを調整します — 幅を与えられたものであり、残りを取るのではなく — そして隣の柔軟なものがその差を吸収します。幅は領域の名前の下に記憶されるので、ページと共に戻り、ここでは三つのレイアウトすべてで同じ領域が移動します。