CSS - 帮助我的样式菜单项

CODECSS - 帮助我的样式菜单项

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

我想要做的就是添加一个新的列表项锚定，但希望它的下方显示现有的，而不是在它旁边。所以我猜想我将不得不将现有的移动一下，然后在它下面添加一个新的。

来源

2010-11-03 CSharper

为什么这有2票离题？它含糊不清，但肯定没有脱离主题。 – RPM1984 2010-11-03 22:55:14

@ RPM1984：可能是因为常见问题解答中提到“网页设计和HTML/CSS布局，而您的职位是”设计师“，请查询Doctype。” http://stackoverflow.com/faq（虽然我没有倒下。） – StriplingWarrior 2010-11-03 22:56:46

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

看到它的行动：http://jsfiddle.net/MJrfX/

来源

2010-11-03 22:58:33

CSS - 帮助我的样式菜单项

回答

相关问题