html - 为什么页脚的高度超出该区域？

Question

我没有为页脚设置高度，所以高度应该是从“最近的帖子”到底部。

但是好像高度有问题。

有没有人遇到过这种问题？你如何解决？

我不想为页脚设置最大高度，因为它应该对小部件区域很灵活。

也许是省略 div 关闭标签的问题？？？不太可能......

footer{
font-size: 1.4rem;
}

.container_12 {
width: 1024px;
margin-left: auto;
margin-right: auto;
}

.sidebar-widget > *
{

    display: inline-block;
    margin: 50px 30px;
    vertical-align: top;


}

基本上都是我写的。

    <!-- footer -->
    <footer class="footer" role="contentinfo">
        <div class="container_12">

            <div class="footer-sidebar">
                <?php get_sidebar(); ?>

            </div>

            <!-- copyright -->
            <p class="copyright">
                &copy; <?php echo date("Y"); ?> Copyright <?php bloginfo('name'); ?>. <?php _e('Powered by', 'html5blank'); ?> 
                <a href="//wordpress.org" title="WordPress">WordPress</a> &amp; <a href="//html5blank.com" title="HTML5 Blank">HTML5 Blank</a>.
            </p>
            <!-- /copyright -->

        </div>
    </footer>
    <!-- /footer -->

这是来自 wordpress 的东西

---

好，我知道了。我必须在页脚之前清除内容变形器。

Answer 1

我想如果你为你的页脚类添加溢出：隐藏，这可以正常工作。你可以检查一下。

.container_12 {
width: 1024px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}