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

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的东西

---

好的，我明白了。 我必须在页脚之前清除内容warpper。

Answer 1

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

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