jquery - CSS按钮 float 问题

Question

我有一个带有选项卡 (LI) 的 UL，选项卡的数量可能会因用户 Angular 色而异。我想在我的 UL 末尾放置一个按钮，并希望它始终右对齐。

但总的来说它不是右对齐的，虽然它有右对齐的属性。

也许有人可以提供任何解决方案？

                        <ul id="menu">
                        <li id="homeOption">@Html.ActionLink("Home", "Index", "Home")</li>
                        @if (User.Identity.IsAuthenticated)
                        {

                             if (User.IsInRole("Role1"))
                             {
                                 <li id="agencyImportOption">@Html.ActionLink("link1")</li>
                             }

                               if (User.IsInRole("Role2"))
                             {
                                 <li id="agencyImportOption">@Html.ActionLink("link2")</li>
                             }

                             if (User.IsInRole("Role3"))
                             {
                                 <li id="agencyImportOption">@Html.ActionLink("link3")</li>
                             }

                        <li id="aboutOption">@Html.ActionLink("About")</li>
                        <li>
                        <button class="testButton" style="float:right; margint-right: 0px;">test button<button></li>
                    </ul>

Answer 1

给你http://jsfiddle.net/mmqxgony/

html

<ul id="menu">
    <li id="homeOption">Home</li>
    <li id="agencyImportOption">link1</li>
    <li id="aboutOption">About</li>
    <li class="last">
        <button class="testButton" style="float:right; margint-right: 0px;">test button</button>
    </li>
</ul>

CSS

#menu{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
#menu li{
    float: left;
    margin: 10px;
}
#menu li.last{
    float: right;
}