集裝箱加寬當高度資源管理器達到

Question

長期以來我一直無法弄清楚，爲什麼我的容器的寬度變寬到達瀏覽器的高度時，我的意思是：

曾經出現在圖片：

1）Container hasn't reached the bottom of the screen.

2）Container has reached the bottom of the screen.

正如你可以在第二個畫面容器寬度以某種方式看到變大。

現在，給出的示例僅使用文本顯示，但如果使用主容器內的列，則會發生同樣的情況。

這裏是代碼我使用：

<form id="exmple" runat="server"> 
    <div class="container well" style="margin-top: 5em;"> 
     <div class="row"> 

     <!--sometext content here--> 

     </div> 
    </div> 
</form> 

是什麼原因造成的？沒有CSS被修改，並且沒有使用自定義CSS文件。

Answer 1

如果您希望內容「看起來有相同的寬度/位置」，無論是否有1行或1000行，請執行此操作，並且始終會有滾動條。

html { 
     overflow-y: scroll; 
} 

Answer 2

max-width將使容器的寬度保持最大設定量。

添加內容後，寬度不應改變。

您可以通過CSS獲得該

編輯：如果你想在div本身是滾動添加以下行overflow-y: scroll; 不知道這是你要找的另一件事。