CSS浮动 - 底角

时间:2012-05-31 12:41:26

标签: css css-float

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

后退按钮位于正确的位置,但 next 按钮不会向右浮动。

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

我该如何解决这个问题?

5 个答案:

答案 0 :(得分:16)

尝试使用此CSS将其置于右下角;

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

答案 1 :(得分:3)

将两个按钮放在另一个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>

答案 2 :(得分:2)

这会奏效 position:fixed; right:0px; bottom:0; margin:0px; padding:0px;

答案 3 :(得分:0)

你对你的元素说他们需要一个固定的位置。然后你添加css,你说它们可以漂浮在页面上。正确的答案是:确切地说出他们需要的位置。像萨夫拉斯一样!

答案 4 :(得分:0)

HTML

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

CSS

import matplotlib.pyplot as plt
import matplotlib.ticker

fig, (ax1, ax2) = plt.subplots(1,2, figsize=(12,7))

ax1.loglog([1,2,3,4,5])
ax1.set_xticks([1,2,3,4,5],minor=True)
ax1.set_xticklabels([1,2,3,4,5], minor=True, fontsize='20')
ax1.set_title("Reproduce problem")

ax2.loglog([1,2,3,4,5])
ax2.set_xticks([1,2,3,4,5],minor=True)
ax2.set_xticklabels([1,2,3,4,5], minor=True, fontsize='20')
ax2.xaxis.set_major_locator(matplotlib.ticker.NullLocator())
ax2.set_title("Apply fix")

plt.show()

这会在页面右下方放置一个圆圈。