織夢系統是一款非常優秀的網站建設系統，它的樣式定制主要是使用CSS來實現的。布局是CSS在網站設計中使用最頻繁的一種功能，下面讓我們來看一看在織夢系統中如何正確使用CSS進行布局。

/* 設置主頁面布局 */
.layout {
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
/* 設置內容欄 */
.content {
width: 80%;
margin-right: 5%;
margin-left: 5%;
padding: 20px;
}
/* 設置側邊欄 */
.sidebar {
width: 15%;
margin-right: 5%;
margin-left: 5%;
padding: 20px;
}
/* 設置頁腳 */
.footer {
width: 100%;
text-align: center;
padding: 10px;
}

在上面的代碼中，我們使用了flex布局來設置了整個網站的主頁面布局。其中，justify-content:center使容器內元素水平居中，align-items:center使容器內元素垂直居中。

我們還設置了網站的內容欄、側邊欄、以及頁腳的樣式。這些樣式可以在實際開發中根據自己的需要進行調整。

總之，正確使用CSS進行布局是網站設計的重要一環。掌握好這個技巧，可以使你的網站看起來更加美觀，讓用戶體驗更加完善。