如何从页脚底部删除空白区域

Question

我需要在页脚中包含一些内容。

页脚通常无法容纳所有这些信息，我最终会将内容呈现在页脚范围之外，如下所示：

我的第一个想法是增加页脚的大小，但经过多次尝试更改资产文件夹中单独的css文件中的.footer，.modal-footer和许多其他内容后，没有任何效果。

我的下一个想法是创建一个定制的页脚并折叠默认页脚如下：

<footer class="text-muted well" id="last-footer">
        <div class="container">
            <p class="footer-text text-muted text-center">

                <img src="https://i.stack.imgur.com/ZjO4e.png" alt="Smiley face" height="42" width="42">
                <br>
                <a href="http://www.kigroup.de/impressum.html" class="text-center">
                    Kontakt | Impressum | Datenschutz
                </a>

                <span class="pull-left">
                    <a href="about.html#drop_us_a_line">Contact Us</a>
                </span>

                <span class="pull-right">
                    {{addYear '©'}}
                </span>

            </p>

        </div>
</footer>

<!-- begin: default footer -->
<div class="footer collapse">
</div>
<!-- end: default footer -->

但这会在页脚下创建一堆丑陋的空格，如下所示：

最终我想要的是一个像第二张图片中的页脚，但没有它下面的所有空白区域 - 理想情况是在未来可维护的方式，并且可以交换进出其他引导程序模板 - 所以...任何想法？

Answer 1

这是如何从页脚底部删除空白

<cfparam name="URL.id" default="">
    <cftry>
        <cfquery>
            UPDATE
        </cfquery>
        <cfcatch>
        </cfcatch>
    </cftry>

<cfcontent type="image/jpg" file="#application.ABSOLUTE_PATH#resources\img\pixel_white.jpg">

Answer 2

转到您的site.css并将其删除

-body {
-  /* Margin bottom by footer height */
-  margin-bottom: 60px;
-}

您的site.css应该位于wwwroot / css文件夹中。