CSS中,當想要讓一個元素的寬度充滿父窗口時,我們有幾種方法可以實現(xiàn)。
/* 方法一:使用百分比寬度 */ .box { width: 100%; } /* 方法二:使用 calc 函數(shù) */ .box { width: calc(100% - 20px); /* 可以減去 margin、padding、border 等值 */ } /* 方法三:使用 flexbox 布局 */ .parent { display: flex; } .box { flex: 1; } /* 方法四:使用 grid 布局 */ .parent { display: grid; grid-template-columns: 1fr; } .box { width: 100%; }
以上是常用的幾種方法,具體選擇哪一種取決于實際需求和場景。