對齊div下面的一些內容和位置頁腳底部div

Question

你好，我有兩個問題...如果你看我的照片，提交按鈕，說「添加到購物車」應該在圖片下面，灰色頁腳與我的名字應該是在頁面的底部，我已經花了一個小時試圖找出如何做到這一點，我不知道我怎麼.. 使用具有圖像保存類的PHP函數。 bookdetails和提交按鈕id是.cart ....頁腳只是頁腳..我需要做到這一點...可以請幫助...這裏是我的頁面看起來像

這是我的用於摳圖的代碼

for($row = 0; $row < sizeof($array);$row++){ 
    echo '<div class="book-details"><img src="images/'.$array[$row]['isbn'].'.jpg" alt="'.$array[$row]['title'].'" >'.'<br/>'.$array[$row]['title'].'<br/>by '.$array[$row]['author'].'<br/><input type="radio" name="orders['.$array[$row]['title'].']" value="hardcover" >Hardcover: $'.$array[$row]['hardcover'].'<br/><input type="radio" name="orders['.$array[$row]['title'].']" value="softcover" >Softcover: $'.$array[$row]['softcover'].'<br/><input type="radio" name="orders['.$array[$row]['title'].']" value="e-book" >E-Book: $'.$array[$row]['e-book']."</div>"; 
}; 
echo '<div class = "cart"><input type="submit" value="Add Selected Items to  Cart"></div>'; 
echo '</form>'; 

這裏是我的CSS

.book-details { 
    width:auto; 
    height: auto; 
    display: inline-block; 
    float: left; 


} 
.cart{ 

    width:auto; 
    height: auto; 
    display: block; 
    float: right; 

} 

你可以幫我把選取的項目新增下面的圖片和頁腳低於？感謝

Answer 1

嘗試改變.book細節顯示阻攔。

和頁腳試試這個：

.footer { 
    position: absolute; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    height:100px; 
}