html - 页脚不在底部

Question

对于本站，页脚区域跳转页面http://lainjurylaw.wpengine.com/ .它应该看起来像这样:https://sandiegolawcenter.net/ .我所做的只是更改了主图，页脚现在向上移动到顶部区域的正下方。

我尝试做一个 clear:both，但这没有帮助。

HTML:

<div id="full-width-footer">
    <div class="container">
        <div class="footer">
            <div class="footer-left">
                <div itemtype="http://schema.org/Attorney" itemscope="">
<span class="ozols" itemprop="name">San Diego Criminal Law Center</span>
<div itemtype="http://schema.org/PostalAddress" itemscope="" itemprop="address">
<span itemprop="streetAddress">1230 Columbia Street Suite 565A</span><br/>
<span itemprop="addressLocality">San Diego</span>
,
<span itemprop="addressRegion">CA</span>
<span itemprop="postalCode">92101</span>
</div>
<span itemprop="telephone">(619) 525-7006</span>
</div>
Los Angeles Accident Law Center © 2017. All Rights Reserved.
            </div>
            <div class="footer-right">

CSS:

#full-width-footer {
    border-top: 6px solid #248bbe;
    padding-bottom: 120px;
    background: #2a2a2a none repeat scroll 0 0;
}

Answer 1

问题是你没有清除列 div，你当前的代码:

<div class="columns">
  <div class="content">
    ... your content ...
  </div>
  <div class="sidebar">
    ... your content ...
  </div>
</div>

只需添加 <div style="clear:both"></div>在侧边栏 div 之后，它工作正常:

<div class="columns">
  <div class="content">
    ... your content ...
  </div>
  <div class="sidebar">
    ... your content ...
  </div>
  <div style="clear:both"></div>
</div>