在進行頁面設計時，常常會遇到這樣的問題——如果一半的寬度已經夠用，那么需要將下一個元素放到新的一行上。這時候，CSS有很多種方法來解決這個問題。 一種常用的方法是使用CSS的float屬性。將元素設為float:left之后，如果寬度超出了剩余的空間，那么瀏覽器會自動換行，將元素放到下一行。例如，我們可以這樣定義樣式：

p {
float: left;
width: 50%;
}

這樣，每個段落的寬度就被限制在了頁面的一半，如果一頁不能容納兩個段落，那么第二個段落就會被放到下一行。這種方法適用于需要左右排列的元素，比如圖片和說明文字。 另一種常用的方法是使用CSS的display屬性。將元素設為display:inline-block之后，元素會被當作一個整體，如果寬度不能在同一行上容納，就會被放到下一行。例如，我們可以這樣定義樣式：

p {
display: inline-block;
width: 50%;
}

這樣，在一個塊級元素中，每個段落的寬度就被限制在了頁面的一半，如果一頁不能容納兩個段落，那么第二個段落就會被放到下一行。這種方法適用于需要上下排列的元素，比如菜單和內容。 除此之外，還有其他方法可以實現類似的效果。例如，可以使用CSS的flex布局來控制元素的排列方式。無論使用哪種方法，都需要根據實際情況來選擇，并且需要注意不同瀏覽器對CSS的解析效果可能會不同，需要進行兼容性處理。