CSS是用來控制網頁樣式和布局的重要工具。想要讓頁面上的元素100%寬度，我們可以使用下面這些方法來實現。

/* 方法一：設置元素的寬度為100% */
.element {
width: 100%;
}
/* 方法二：使用彈性盒子布局 */
.parent {
display: flex;
}
.child {
flex: 1;
}
/* 方法三：使用網格布局 */
.parent {
display: grid;
}
.child {
grid-template-columns: 1fr;
}
/* 方法四：使用絕對定位 */
.element {
position: absolute;
left: 0;
right: 0;
}

這些方法的實現原理不同，有些可能適用于一些元素而不適用于另一些元素。在實際使用中，我們需要根據頁面的布局和需求選擇最適合的方法。