CSS中設置寬度為100%非常常見,它可以讓元素自適應父元素寬度,實現響應式布局的效果。
/* 設置單個元素寬度為100% */ .box { width: 100%; }
上述代碼可以讓class為box的元素寬度設置為父級元素的100%。
/* 設置多個元素寬度為100% */ .wrapper { display: flex; flex-wrap: wrap; } .box { width: 100%; flex-basis: 100%; }
這段代碼可以讓多個class為box的元素同時設置寬度為父級元素的100%,并且實現了彈性布局的效果,讓多個元素可以自適應屏幕寬度。
總之,設置CSS的寬度為100%是非常簡單實用的方法,通過它可以快速實現響應式布局的效果,為頁面呈現帶來更好的用戶體驗。