CSS中設(shè)置寬度為100%是常見的布局技巧之一。

在HTML中，我們可以使用<pre>標(biāo)簽來展示代碼塊：

<div class="container">
<div class="content">
內(nèi)容區(qū)域
</div>
</div>

在CSS中，我們通過設(shè)置寬度為100%來讓元素充滿父容器：

.container {
width: 100%;
}
.content {
width: 80%; /* 自定義寬度 */
margin: 0 auto; /* 居中顯示 */
}

在上面的例子中，容器的寬度被設(shè)置為100%，content的寬度被設(shè)置為80%。通過設(shè)置margin屬性，我們使得content能夠居中顯示。

需要注意的是，在設(shè)置寬度為100%時，我們需要考慮到父容器的padding、border等尺寸，否則容器可能會溢出。

總結(jié)：

1. 設(shè)置寬度為100%可以讓元素充滿父容器。
2. 注意考慮父容器的padding、border等尺寸。
3. 可以通過設(shè)置margin屬性來居中顯示元素。