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 回答
1

http://jsfiddle.net/wCMqY/6/

footer
{
position:fixed;
bottom:0;
height:45px;
width:100%;
background:red;
}

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

.footer_links
{
float:right;
height:20px;
width:240px;
text-decoration:none;
border:0px solid;
background:green;
 }
.clear {
clear:both;
}

是固定的位置给你带来了问题

于 2013-10-11T13:55:22.893 回答