在Web開發中，設置css寬度100%是一個非常常見的技巧。它可以使頁面元素完全填充其容器，從而使整個頁面看起來更加美觀和精致。下面我們來學習一下如何設置CSS寬度100%。

CSS代碼：
div {
width: 100%;
}

以上代碼表示將所有div元素的寬度都設置為100%。我們也可以將其應用于其他元素，比如圖片(img)、表格(table)和列表(li)等。

CSS代碼：
img {
width: 100%;
}
table {
width: 100%;
}
li {
width: 100%;
}

使用CSS寬度100%通常需要注意以下幾點：

• 1. 元素必須放置于具有寬度的容器中。
• 2. 對于一些元素，如行內元素(span, a等)，需要將其display屬性設置為block，才能使寬度屬性生效。
• 3. 對于一些元素，如表格(table)，還需要將其單元格的寬度設置為百分比，才能讓整個表格完全填充容器。

以上就是設置CSS寬度100%的技巧，我們可以根據實際需要來進行運用。這個技巧在響應式布局中也非常有用，可以使頁面在不同尺寸的設備上都能展現出最佳的效果。