在網頁開發中，CSS用于設置網頁的布局樣式，下面我們來介紹一些CSS設置網頁布局的方法。

/* 設置網頁內容居中 */
body {
margin: 0 auto;
text-align: center;
}
/* 設置網頁元素寬度為100% */
.container {
width: 100%;
}
/* 設置網頁頁面分欄 */
.col-2 {
display: flex;
flex-wrap: wrap;
}
.col-2 .col {
flex: 1;
}
/* 設置網頁元素水平居中 */
.center {
display: flex;
justify-content: center;
align-items: center;
}
/* 設置網頁元素垂直居中 */
.middle {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* 設置網頁元素定位 */
.absolute {
position: absolute;
top: 0;
left: 0;
}
/* 設置網頁元素懸浮 */
.hover {
position: relative;
}
.hover .popup {
position: absolute;
top: 100%;
left: 0;
display: none;
}
.hover:hover .popup {
display: block;
}

通過以上CSS代碼，我們可以設置網頁元素的居中、水平居中、垂直居中、定位和懸浮等布局樣式。