有時候我們想讓一個元素寬度為剩余所有空間，這時候我們可以使用CSS中的flex布局方式。下面是一段CSS代碼： ``` .container{ display: flex; flex-direction: column; } p{ flex-grow: 1; } ``` 這段代碼的意思是將`.container`元素設為`flex`布局，然后設置`flex-direction`為`column`，表示垂直方向排列。接著，設置`p`標簽的`flex-grow`為`1`，表示它會占據剩余所有的空間，從而實現寬度為剩余所有的效果。 下面是一個例子:

<div class="container">
<p>這是第一個段落。</p>
<p>這是第二個段落。</p>
<p>這是第三個段落。</p>
</div>

這段代碼表示在一個`div.container`元素中，有三個`p`標簽，這三個標簽的寬度會等分容器的高度。 效果如下： 這是第一個段落。 這是第二個段落。 這是第三個段落。