0

float:right; を使用して、ページの右側に div ブロックを送信しようとしています。しかし、うまくいきません。

HTML :

    <div id="footer_div">
<footer>

<div class="copyrights">
<a href="contact.html" style="
    color:#8C8C8C;
    font-weight:bold;
    text-decoration:none;
    font-size:xx-small;
"><center>Site © 2013</center></a>
</div>  


<div class="footer_links">
<a href="cgu.html" style="
    color:#FFF;
    font-weight:bold;
    text-decoration:none;
    font-size:xx-small;
">Conditions d'utilisation</a>
<a href="about.html" style="
    color:#FFF;
    font-weight:bold;
    text-decoration:none;
    font-size:xx-small;
">A propos</a>
<a href="help.html" style="
    color:#FFF;
    font-weight:bold;
    text-decoration:none;
    font-size:xx-small;
">Aide</a>
<a href="contact.html" style="
    color:#FFF;
    font-weight:bold;
    text-decoration:none;
    font-size:xx-small;
">Contact</a>
</div>

</footer>
</div>

CSS :

footer
{
    position:fixed;
    bottom:0;
    height:45px;
    width:100%;
    background:url(Templates/footer1.png) repeat-x bottom;
}

.copyrights
{
    float:left;
    position:fixed;
    bottom:17.5px;
    text-decoration:none;
    margin-left:8px;
}

.footer_links
{
    float:right;
    height:20px;
    width:240px;
    position:fixed;
    bottom:17.5px;
    text-decoration:none;
    border:0px solid;
}

どうすればそれを解決できますか?.footer_links をページの右側に移動したい。

ありがとう !クリス。

4

2 に答える 2

2

クラスfixedで指定した位置を脱ぎます。.footer-links

このjsFiddle の例を参照してください。

于 2013-10-11T13:50:24.760 に答える