Question

我的标签菜单宽度不符合页面宽度。我尝试使用谷歌搜索并尝试使用宽度：100％，但似乎无法正常工作。请帮我们修好我的CSS。这是我的代码：

这是我的布局

<div id="menucontainer">

    <ul id="nav">
        <li><a href="">TEST</a>

        </li>
        <li><a href="">TEST2</a>

        </li>
        <li><a href="">TEST3</a>
        </li>
    </ul>
</div>

这是我的CSS

#nav {
    padding:0;
    width:100%;
}
#nav li {
    display:inline;

}
ul#nav {
    width:100%;
}
#nav li a {
    font-family:Arial;
    font-size:18px;
    text-decoration: none;
    float:left;
    padding:10px;
    margin:-10px 0px 0px 0px;
    background-color: #77c773;
    color:#ffffff;
    border-bottom:1px;
    border-bottom-color:#000000;
    border-bottom-style:solid;
    height:35px;
}
#nav li a:hover {
    background-color:#32732e;
    padding-bottom:12px;
    border-bottom:2px;
    border-bottom-color:#000000;
    border-bottom-style:solid;
}
#menucontainer {
    margin-top: 0px;
    clear: both;
    float: left;
    width:100%;
}

我有一个水平菜单，我想把它放在页面上。我不想在我的宽度上使用px，因为它不是动态我想使用％，所以它会在页面上动态调整。

Answer 1

请参阅此链接，我希望这对您有帮助jsfiddle.net/EwhAp /

如何让TAB MENU适合ASP.NET MVC3中的页面？

1 个答案: