html - 使用百分比而不是像素定位菜单

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 或 ....