为什么浮动右下方出现在浮动右下方？

Question

我有一些导航链接，它们是图像按钮，已应用float: left移动，并且有一个登录字段。 我将float: right应用于的登录字段显示在导航栏下方。 如何使它们并排？

body {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    color: #FFFFFF;
    font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
    background-color: #000000;
}

#wrapper {
    margin: 0 auto;
    width: 80%;
}

#top {
    border: medium dashed #F40408;
    text-align: left;
    width: 1500px;
}

#navigation { 
    -webkit-box-shadow: 0 0 20px 3px #E006F5;
    box-shadow: 00 0 20px 3px #E006F5;
    width: 1080px;
    height: 50px;
}

#navigation ul {
    list-style-type: none;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom:0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

#navigation a {
    float: left;
}

#login {
    float: right;
}

谢谢，迈克

Answer 1

很难想象，因为没有提供html代码，但是我认为尝试添加position: absolute ，并且使左/右浮动的计划将正常工作。