Контейнер Расширяет Когда высота проводника Достигается

Question

Долгое время я не мог понять, почему ширина моего контейнера становится шире, когда высота браузера будет достигнута, я имею в виду:

Как видно фото:

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

2) Container has reached the bottom of the screen.

Как вы можете видеть, как-то во 2-м ширины картины контейнера становится больше.

Теперь данный пример показан только с использованием текста, однако то же самое происходит, если я использую столбцы внутри основного контейнера.

Вот код, я использую:

<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

EDIT: если вы хотите, чтобы DIV сам будет прокручивать добавить следующую строку overflow-y: scroll; Не знал, что была еще одна вещь, которую вы искали.