在網頁設計中，div是非常常見的元素，它可以用來劃分頁面的不同部分，也可以用來布局頁面。但是，在實際開發中，我們往往會遇到需要靈活設置div位置的情況，這時候，我們就需要了解一些HTML的布局技巧。

屬性有四個取值，分別是static、relative、absolute和fixed。其中，static是默認值，不需要設置；relative表示相對定位；absolute表示絕對定位；fixed表示固定定位。

屬性為relative或absolute來實現靈活的布局。其中，relative表示相對于元素本身的位置進行定位，而absolute則是相對于父元素進行定位。我們可以通過設置以下樣式來實現div相對于頁面頂部和左側的定位：

div{: absolute;

top: 100px;

left: 200px;

二、使用float屬性

屬性，我們還可以使用float屬性來實現div的靈活布局。float屬性可以讓元素浮動在頁面上，從而實現多列布局等效果。我們可以通過設置以下樣式來實現兩列布局：

float: left;

width: 50%;

三、使用flexbox布局

最后，我們還可以使用CSS3的flexbox布局來實現div的靈活布局。flexbox布局是一種彈性盒子布局，可以實現多種復雜的布局效果。我們可以通過設置以下樣式來實現水平居中的布局：

```tainer{

display: flex;tentter;

屬性、float屬性和flexbox布局。在實際開發中，我們可以根據具體的需求選擇不同的方法進行布局，從而實現頁面的靈活布局。