CSS-Can'；不要把div发送到右边？

我试图用一个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>

你知道我该怎么解决吗？ 我希望.footer\u链接转到我页面的右侧

谢谢！

---

Chris.

取下您在

页脚链接

类中指定的位置

固定

---

参见此示例。

取下您在

页脚链接

类中指定的位置

固定

---

参见此示例。

取下您在

页脚链接

类中指定的位置

固定

---

参见此示例。

取下您在

页脚链接

类中指定的位置

固定

请参见此示例。

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

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

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

---

正是位置的固定导致了您的问题

对您的代码进行JSFIDLE处理，这样我们可以更好地帮助您。我创建了一个FIDLE：请不要对您的问题中未提及的语言使用标记。：）用你的代码做一个JSFIDLE，这样我们可以更好地帮助你。我创建了一个FIDLE：请不要对你的问题中没有提到的语言使用标记。：）用你的代码做一个JSFIDLE，这样我们可以更好地帮助你。我创建了一个FIDLE：请不要对你的问题中没有提到的语言使用标记。：）用你的代码做一个JSFIDLE，这样我们可以更好地帮助你。我创建了一个FIDLE：请不要对你的问题中没有提到的语言使用标记。：）我添加了背景色，这样我就可以看到每个div的位置。我添加了一个属性为clear:both的div，以使两个div左右浮动后的任何其他内容都起作用。我添加了背景色，这样我就可以看到每个div的位置。我添加了一个属性为clear:both的div，以生成任何其他内容在两个div左右浮动之后，我添加了背景色，这样我就可以看到每个div的位置。我添加了一个属性为clear:的div，这样两个div左右浮动之后的任何其他内容都可以工作。我添加了背景色，这样我就可以看到每个div的位置。我添加了一个属性为的div明确：这两个选项都是为了使两个div浮动到左侧和右侧之后的任何其他内容都起作用。

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