css - CSS float - 下隅

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

これを修正するにはどうすればよいですか?

score 29 · Accepted Answer

29

このCSSを試して、右下に配置してください。

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

于 2012-05-31T12:43:33.790 に答える

score 4 · Accepted Answer

両方のボタンを別の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>

score 2 · Accepted Answer

2

これはうまくいきます position:fixed; right:0px; bottom:0; margin:0px; padding:0px;

于 2012-05-31T13:17:52.370 に答える

score 0 · Accepted Answer

あなたは要素に、FIXED 位置が必要だと言っています。次に、ページに浮かぶことができると言う場所に css を追加します。正解は、必要な場所を正確に言うことです。サフラズのように！

css - CSS float - 下隅

5 に答える 5

Related

Reference