asp.net - CSS - 帮助设计我的菜单项

Question

代码

<div class="navheader">
     <ul class="navuseraccess">
        <li><a runat="server" id="mnuAccount" href="AccountSettings.aspx">My Account</a></li>
     </ul>
</div>

CSS

div.navheader {
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 775px;
    height: 43px;
    margin: 0;
    padding: 0 20px 0px 20px;
    list-style-type: none;
    background-image: url(../images/header_bkg_navmain.jpg);
    background-repeat: no-repeat;
}

ul.navuseraccess {
    float: right;
    height: 43px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.navuseraccess li {
    float: left;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 13px;
    line-height: 43px;
}
.navuseraccess li a {
    display: block;
    height: 43px;
    color: #fff;
    margin: 0;
    padding: 0 8px;
    text-decoration: none;
    line-height: 43px;
}

我想做的是添加一个新的 listitem-anchor 但希望它显示在现有的下方，而不是旁边。所以我猜我必须将现有的向上移动一点，然后在其下方添加一个新的。

Answer 1

您不需要 float 元素。它们已经收缩包装，因为它们包含在 position: absolute 元素中。只要您删除 height 和 width 属性，该元素就会根据需要增长并固定在页面的右下角。

查看实际效果:http://jsfiddle.net/MJrfX/