我想設置div底部的按鈕位置

Question

我想設置div底部的按鈕位置。 div文本將以帖子形式發生變化，但按鈕應該保留在底部以顯示我的圖片。請幫助。 這是我的代碼：

「級=」 IMG響應功能IMG「> .... 更多

問候 賽義夫穆爾希德

Answer 1

你的意思是這樣的？

.feature-div { 
 
    height: 100px; /*these are not important*/ 
 
    width: 100%; 
 
    border: solid 1px red; 
 
    position: relative; /*this is*/ 
 
} 
 
button, 
 
img { 
 
    position: absolute; 
 
    bottom: 0; 
 
} 
 
button { 
 
    /*float:right; will get overwritten*/ 
 
    right: 0; 
 
} 
 
img { 
 
    height: 50px; 
 
    width: 50px; 
 
    background: green; 
 
}

<div class="col-md-4"> 
 
    <div class="feature-div"> 
 
    <img src="post_images/<?php echo $r['p_img']; ?>" class="img-responsive feature-img"> 
 
    <?php echo $b1; ?>.... 
 
    <button class="btn-info" style="float:right;"><a href="#">Read More</a></button> 
 
    </div> 
 
</div>