在HTML5中，要實(shí)現(xiàn)區(qū)塊的寬度自適應(yīng)，可以使用CSS中的百分比（%）方式設(shè)置。

// HTML代碼
<div class="container">
<div class="box">
<p>這是一個(gè)自適應(yīng)寬度的區(qū)塊</p>
</div>
</div>
// CSS代碼
.container {
width: 80%;  // 設(shè)置容器寬度為80%
margin: 0 auto;  // 水平居中
}
.box {
width: 100%;  // 設(shè)置子元素寬度為100%
background-color: #ccc;  // 設(shè)置背景顏色
}

在上面的代碼中，容器的寬度設(shè)置為80%，即自適應(yīng)瀏覽器窗口大小，同時(shí)通過設(shè)置水平居中，使得容器在頁(yè)面中居中顯示。

而子元素（這里是box）的寬度設(shè)置為100%，就會(huì)自適應(yīng)父元素的寬度，同時(shí)設(shè)置背景顏色，使得子元素填滿整個(gè)容器。

這樣，在瀏覽器窗口大小改變時(shí)，區(qū)塊的寬度也會(huì)自適應(yīng)調(diào)整，達(dá)到良好的響應(yīng)式效果。