2012-05-31 48 views
4

我有一些按鈕,它們總是浮動在瀏覽器窗口的底角。CSS浮動 - 底角

返回按鈕是在正確的位置,但是下一個按鈕不會右移。

#footerback { 
    width: 107px; 
    background-position: top; 
    padding: 0px 30px 30px 0px; 
    position: fixed; 
    bottom: 0px; 
    float: left;  
} 
#footernext { 
    width: 107px; 
    background-position: top; 
    padding: 0px 30px 0px 30px; 
    position: fixed; 
    bottom: 0px; 
    float: right; 
} 

我該如何解決這個問題?

+0

顯示屏幕截圖,所以我們知道到底是什麼你正在看,什麼是錯的... – Jakub

回答

13

試試這個CSS把它放在右下角;

position:fixed; 
right:0; 
bottom:0; 
0

你對你的元素說他們需要一個固定位置。然後,你添加css,你說他們可以漂浮在頁面上。正確的答案是:說出他們需要的地方。像Safraz一樣!

2

放入另一格的兩個按鈕,並在這個div應用更好的CSS:

#footer { 
 
    position:fixed; 
 
    left:0; 
 
    bottom:0; 
 
} 
 
#footerback, 
 
#footernext { 
 
    text-align: center;   
 
    width: 50px; 
 
    float: left; 
 
    border: 1px solid black;  
 
}
<div id="footer"> 
 
    <div id="footerback">back</div> 
 
    <div id="footernext">next</div> 
 
</div>

2

這將工作 position:fixed; right:0px; bottom:0; margin:0px; padding:0px;