Div不扩展到内容的宽度

Question

如果您查看以下Website

container类的最小宽度为970像素，以防止网站压缩到该分辨率以下。如果您将浏览器的大小调整到低于此分辨率，然后向右滚动，您将看到标识为footer的页脚div不会拉伸以适应内容的宽度，因此灰色背景会停止。有谁知道这是为什么？

Answer 1

footer作为.container div的兄弟姐妹。此外，您可以看到footer内部还包含.container div，因此其内容仍将与页面内容的其余部分保持一致。

Answer 2

在较低分辨率上，您需要为页脚内的div设置不同的类

<div class="col-xs-3">
                <!-- logo -->
                <a href="http://beta.vacationnegotiation.com/" id="logo">
                    <img src="http://beta.vacationnegotiation.com//assets/img/layout/logo_ftr.png" alt="Vacation Negotiation" class="img-responsive">
                </a>
                <!-- /logo -->
            </div>

应该是

<div class="col-xs-4 col-sm-3">
                <!-- logo -->
                <a href="http://beta.vacationnegotiation.com/" id="logo">
                    <img src="http://beta.vacationnegotiation.com//assets/img/layout/logo_ftr.png" alt="Vacation Negotiation" class="img-responsive">
                </a>
                <!-- /logo -->
            </div>

Answer 3

在页脚上设置最小宽度970px对问题进行排序

Answer 4

container元素中的footer元素符合minimum-width css，但footer元素本身没有{ {1}}。这意味着您的背景颜色不会延伸。但是，内容的最小宽度为min-width，如此屏幕标记所示：

重新整理您的标记，或者同时向970px footer提供：

min-width