Question

基本上我的想法是，我有一个图片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>

Answer 1

将position:relative分配给父元素。

#portfolio {position:relative;}

无法将元素放在页面底部

1 个答案: