CSS寬度不同撐滿100%怎么實現？

在網頁中，有時候需要讓不同寬度的元素撐滿整個窗口，方法有很多，下面介紹幾種實現方式。
1. 常規方法
給元素設置寬度為100%，并設置margin和padding為0。樣式代碼如下：
.container {
width: 100%;
margin: 0;
padding: 0;
}
2. Flex布局
使用Flex布局也可以實現寬度不同的元素撐滿100%。示例如下：
.container {
display: flex;
flex-wrap: wrap;
}
.item {
flex-basis: 100%;
}
3. 絕對定位
通過絕對定位使元素撐滿整個頁面。代碼如下：
.container {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
以上是常用的實現方式，不同的網頁場景可能需要不同的方法。特別是在響應式布局中，實現元素寬度自適應并撐滿100%更為重要。