javascript - 20 13 和侧边栏溢出页脚 - 顶部边距

Question

我一直在努力阻止侧边栏溢出 Wordpress 4.0 中二十三岁 child 主题中的页脚。

我添加了在另一个站点的另一篇文章中找到的以下 CSS 代码。

CSS:

/* Fix Sidebar Overlaping Footer*/

.sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta {
   padding: 0px 20px 0px 20px;
   max-width: 100%;
}

.sidebar .site-footer .widget-area {
    max-width: 1040px;
    left: 0px;
    margin-top:10px!important;
}

.hentry {
   padding: 20px 0px;
}

@media (min-width: 999px) {

   #main {
      overflow: hidden;
      margin: 0px auto;
      max-width: 1080px;
   } 

   #primary.content-area {
      width: 68%;
      float: left;
   }

   .site-main .sidebar-container {
      position: static;
      float: right;
      width: 30%;
      height: auto;
   }
   .site-main .widget-area {
      margin-top: 24px;
      margin-right: 20px;
   }

}

问题是 javascript(twentythirteen/js 中的 functions.js)向页脚添加了巨大的上边距，您可以在此处查看结果:http://tcsdesignreno.com/addnv/

Javascript:

/**
     * Adds a top margin to the footer if the sidebar widget area is higher
     * than the rest of the page, to help the footer always visually clear
     * the sidebar.
     */
    $( function() {
        if ( body.is( '.sidebar' ) ) {
            var sidebar   = $( '#secondary .widget-area' ),
                secondary = ( 0 === sidebar.length ) ? -40 : sidebar.height(),
                margin    = $( '#tertiary .widget-area' ).height() - $( '#content' ).height() - secondary;

            if ( margin > 0 && _window.innerWidth() > 999 ) {
                $( '#colophon' ).css( 'margin-top', margin + 'px' );
            }
        }
    } );

有没有人有解决方案可以阻止侧边栏与页脚重叠或阻止 js 添加上边距？我知道我以前做过这个，但我似乎找不到正确的代码组合。

提前致谢

马特

Answer 1

好吧，从本质上讲，您已经为我回答了这个问题。

.js 中为顶部边距创建 css 的行具有 ID #colophon

我将这一行添加到我的子主题 css 中，它负责顶部边距:

#colophon {margin-top:0 !important;}