CSS是網頁設計必不可少的工具之一，而布局技巧就是其中的重要部分。下面將介紹一些常用的網頁css布局技巧，幫助你更好地設計出美觀實用的網頁。

1. 盒模型：

box-sizing: border-box;

它定義了網頁中每個元素的總寬度，包括元素的內邊距、邊框和外邊距。這樣更容易掌握元素的總寬度，讓設計更加方便、實用。

2. 位置定位：

position: absolute;
top: 0;
left: 0;

這些代碼為元素設置絕對定位，使其脫離文檔流并放置于指定的位置。這樣可以將元素放置到頁面任何位置上，并且可以覆蓋其它元素。常見的例子包括彈出窗口，導航欄等。

3. 柵格系統：

.container {
display: flex;
flex-wrap: wrap;
}
.item {
flex: 1;
}

這是一種通過列來劃分網頁的技巧，將網頁分為幾列，并且根據需要，在不同屏幕尺寸下分別顯示不同的列。這樣可以讓設計更加靈活，更適用于各種設備。

4. 兩列布局：

.container {
display: flex;
flex-wrap: wrap;
}
.left {
flex-basis: 70%;
}
.right {
flex-basis: 30%;
}

這種布局技巧適用于需要將網頁內容分為兩個部分的情況，如文章和側邊欄等。這里利用了柵格系統中分配列寬的方法，為兩個部分分別設置不同的寬度。

總之，網頁css布局技巧是非常重要的設計工具，合理的布局技巧可以讓你的網頁設計更加美觀實用，更適用于不同的屏幕尺寸和設備。上述技巧只是冰山一角，還有很多其他的技巧和方法，希望能夠幫助到各位網頁設計愛好者。