我用了一个儿童主题的二零一三主题。我试图通过以下方式解决臭名昭著的溢出边栏问题：-使内容以固定宽度向左浮动-使边栏以固定宽度向右浮动-将clearfix类添加到父div
一切似乎都很好。但是，出于某种原因，我发现主题在我的页脚上添加了一个边距顶部，它似乎等于边栏底部（右div）和条目内容底部（左div）之间的差值，因此边距顶部值取决于显示的页面，并且是随机的（即，它不是样式表中的值）。我可以通过添加margin-top: 0 在样式表中，但我真的很想了解是什么导致了这种情况。你可以看到我在说什么：http://mywptestsite.is-great.org/page-height-and-sidebar/ 这一页上有641px的页边空白！
<footer id="colophon" class="site-footer" role="contentinfo" style="margin-top: 641px;">
你知道它是从哪里来的吗？K
编辑：这是我的自定义CSS：
.sidebar .entry-header,
.sidebar .entry-content,
.sidebar .entry-summary,
.sidebar .entry-meta {
max-width: 620px;
padding: 0 20px 0 50px;
}
.site-main #primary {
float: left;
clear: none;
width: 620px;
}
.site-main #tertiary {
float: right;
clear: none;
}
.site-main .sidebar-container {
position: static;
width: 300px;
height: auto;
}
.site-main .widget-area {
padding: 30px 20px 0 0;
}
最合适的回答,由SO网友:helgatheviking 整理而成
查看父主题的functions.js. 它看起来像是“粘性页脚”概念的实现。正在通过脚本设置边距：
var body = $( \'body\' ),
_window = $( window );
/**
* 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\' );
}
} );
