要素をページの一番下に置くことができません

-1

基本的なアイデアは、私が写真galeryを持っていて、底部にロードが多くなければならないということです。私はボトムタグを使用するためのさまざまなオプションを試してきましたが、何とかその要素は彼の上にあるdivの直後にとどまっています。私はそれを動作させるために何を変えるべきですか？要素をページの一番下に置くことができません

.portfolio_bottom { 
     padding: 2em 0; 
     position: absolute; 
     bottom: 0px; 
    } 


<body> 
    <div class="portfolio s1" id="portfolio"> 
    <div class="portfolio_box"> 
     <div class="col_1_of_4 span_1_of_4"> 
      <a href="#" class="b-link-stripe b-animate-go thickbox"> 
      <img src="images/p1.jpg" class="img-responsive" alt=""/> 
       <div class="b-wrapper"> 
        <h2 class="b-animate b-from-left b-delay03 "> 
        <img src="images/p_logo.png" class="img-responsive" alt=""/> 
        <span>Cerkve</span> 
        <button>Odpri galerijo</button> 
        <label> &#x1f4c5 10.6.2016 </label> 
        </h2> 
       </div> 
      </a> 
     </div> 
     <div class="clearfix"> </div> 
    </div> 
    </div> 
    <div class="portfolio_bottom"> 
    <a class="btn3" href="#"><span>Loadmore</span></a> 
    </div> 


    <script src="js/bootstrap.min.js"></script> 
</body>

出典

2016-07-21 TenebrisNocte

何が起こったのですか。 – Fil

あなたの問題はどこですか？ [this jsfiddle]（https://jsfiddle.net/w7hb01of/）をご覧ください。 – Huelfe

@Huelfeそれは私がhttps://jsfiddle.net/oxs7bbjf/を持っているものですページの下部にあるべきであるが、私はそれを得ることができません – TenebrisNocte