CSS 可以幫助我們實現固定寬度和自適應寬度兩種不同的布局模式。

固定寬度指定元素的寬度是一個固定的像素值，無論屏幕有多大，元素的寬度都保持不變。這種布局適用于需要固定界面寬度的場景，比如電商網站的商品列表。

/* 固定寬度 */
div {
width: 960px;
margin: 0 auto;
}

自適應寬度則指定元素的寬度按照屏幕大小自動調整，能夠適應不同尺寸的設備。這種布局適用于響應式設計的場景，可以提供更好的用戶體驗。

/* 自適應寬度 */
div {
width: 100%;
max-width: 960px;
margin: 0 auto;
}

以上兩種方法都需要設置 margin 屬性來使元素在頁面中水平居中。固定寬度的元素可以直接設置一個確定值作為寬度，而自適應寬度的元素則需要將寬度設為百分比，使用 max-width 屬性限制最大寬度。

CSS 的固定寬度和自適應寬度的設計可以靈活應用于網站的設計中，提高用戶的使用體驗與界面效果。