2012-05-31 46 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;