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并且你的浮动左/右计划将正常工作。

为什么漂浮在浮动下方？

1 个答案: