フッターが最下部にない

Question

このサイトでは、フッタ領域がページhttp://lainjurylaw.wpengine.com/にジャンプしました。これは次のようになっています：https://sandiegolawcenter.net/。私がしたのは主人公のイメージを変えて、フッターが今すぐ上の領域のすぐ下に移動しただけです。

私は明らかにしようとしました：どちらも、それは助けにはなりませんでした。

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の後<div style="clear:both"></div>を追加し、それが正常に動作します：

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

Answer 2

は、ページの一番下にあなたのfotterを修正。

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

<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">