CSS浮动 - 底角

Question

我的按钮总是漂浮在浏览器窗口的底角.

该背按钮是在正确的位置,但下一个按钮将不会浮动权.

#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;   
}

我该如何解决？

Answer 1

试试这个CSS把它放在右下角;

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

Answer 2

将两个按钮放在另一个 div 中，并在此 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>

Answer 3

超文本标记语言

<div class="circle-div"></div>

CSS

.circle-div {
    background-color: #314963;
    height: 40px;
    width: 40px;
    border-radius: 100%;
    position: fixed;
    bottom: 21px;
    right: 25px;
}

这将在页面右下角周围放置一个圆圈。