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

max-width会将容器的宽度保持在最大设定值。

添加内容后，不应更改宽度。

您可以通过CSS

获取此信息

编辑：如果您希望div本身可滚动，请添加以下行overflow-y: scroll; 不知道那是你要找的另一件事。

Answer 2

如果您希望内容看起来具有相同的宽度/位置＆＃34;无论是1行还是1000行，都要这样做，并且会一直有滚动条。

html {
       overflow-y: scroll;
}

达到资源管理器的高度时容器扩大

2 个答案: