Почему высота нижнего колонтитула заканчивается из области?

Question

Я не установил высоту для нижнего колонтитула, поэтому высота определяется как «Последние сообщения» на дне.

Но похоже, что есть проблема с высотой.

Кто-нибудь сталкивался с такими проблемами раньше? Как вы справляетесь с этим?

Я не хочу устанавливать max-height в нижний колонтитул, потому что он должен быть гибким для области виджета.

Может быть, это проблема с уходом из Див закрывающего тега ??? вряд ли ...

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; 
}