在網(wǎng)頁設(shè)計(jì)中，CSS文檔寬度指的是網(wǎng)頁的寬度，通常是指瀏覽器窗口大小，用于控制網(wǎng)頁中各個(gè)元素的尺寸、布局等屬性。

CSS中設(shè)置文檔寬度的方式主要有以下幾種：

/* 設(shè)置文檔寬度為100% */
body {
width: 100%;
}
/* 設(shè)置文檔寬度為固定像素值 */
body {
width: 960px;
}
/* 設(shè)置文檔寬度為最大值，超出部分自動(dòng)溢出 */
body {
max-width: 1200px;
}

其中最常見的是使用百分比來設(shè)置文檔寬度，這種方式可以讓網(wǎng)頁自適應(yīng)不同大小的設(shè)備，還可以充分利用屏幕空間。另外，如果需要兼容舊版瀏覽器，也可以同時(shí)設(shè)置一個(gè)固定像素值的寬度。

需要注意的是，文檔寬度不同于可視區(qū)域?qū)挾龋笳咄ǔＪ侵笧g覽器窗口內(nèi)可以展示網(wǎng)頁內(nèi)容的區(qū)域大小。如果網(wǎng)頁需要滾動(dòng)才能完整展示內(nèi)容，那么可視區(qū)域?qū)挾纫话銜?huì)小于文檔寬度。

/* 設(shè)置可視區(qū)域?qū)挾葹?00px */
html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
body {
width: 800px;
height: 100%;
margin: 0 auto;
overflow-y: scroll;
}

通過設(shè)置html和body元素的高度和寬度為100%，可以讓瀏覽器窗口自動(dòng)充滿整個(gè)屏幕。然后通過設(shè)置body元素的寬度為800px，以及使用margin屬性自動(dòng)居中，可以讓網(wǎng)頁在寬度為800px的可視區(qū)域內(nèi)居中展示。最后，使用overflow-y屬性可以控制當(dāng)網(wǎng)頁內(nèi)容超出可視區(qū)域時(shí)出現(xiàn)縱向滾動(dòng)條。