當文本向右溢出時，CSS會增加容器寬度？

Question

當喲做這樣的事情：

.container { 
 
    column-width: 200px; 
 
    height: 300px; 
 
}

<div class="container"> 
 
    ... a lot of text... 
 
</div>

如果文本是足夠大就會造成對應的文本溢出容器寬度的權利。如果你想要一個水平佈局，那真是太棒了，但是，div寬度不會增長，因爲文本已經「溢出」了容器。如果你把一個背景放到div上，你會看到背景在屏幕結束後不會出現（如果文本足夠大）。那爲什麼，如果你以水平的方式在第二個div旁邊放置第二個div，那麼第二個div會覆蓋第一個div的溢出內容，這是不可取的。

的問題是：如何才能讓第一個div進行調整，以在他裏面的內容，不管它有多大成爲水平線？

Answer 1

我可能會做這樣的（如果我理解你想要的）

.container { 
    width: auto; 
    height: 300px; 
} 

.text{ 
Padding-left: 10%; 
Padding-right: 10%; 
} 
<div class="container"> 
<div class="text"> 
... a lot of text... 
</div> 
</div 

取決於文本的容器現在應該改變大小。 :)