定位菜单包含百分比而不是像素

Question

.navigation
{ 
float:right;
margin:0 auto;
}
ul.menu 
{
margin:0 0 0 0;
 padding:0;
 position:relative;
 top:75px;
 list-style:none;}

 //CSS

这就是我的菜单所在的div：

<div id="topMenuDiv" style="background-color:gray;height:20%;width:99%;margin: 0 0 -2px 0;position: absolute;top:0px;border: 1px solid red;">

<div class="navigation"><ul class="menu">

这是topMenuDiv之后的事情（如果我还不具体，我很抱歉）

我如何相对于div的百分比而不是像素来定位我的菜单？（我遗漏了菜单的ul和li部分）。如果有人愿意帮助我，我真的很感激...感谢。

Answer 1

如果您的菜单位置为relative，则定义top，left或....这是一项不寻常的工作。最好将其定位为absolute，您可以使用百分比轻松定义top，left或....