Html 用百分比代替像素定位菜单

Html 用百分比代替像素定位菜单,html,css,Html,Css,这是我的菜单所在的分区: 这是topMenuDiv之后的内容(如果我仍然不明确,我很抱歉) 我怎样才能以百分比而不是像素来定位我的菜单相对于div的位置?(我省略了菜单中的ul和li部分)。如果有人能在这方面帮助我,我将不胜感激…谢谢。如果您的菜单的位置是相对的,那么定义顶部,左侧或…..这是一项不寻常的工作。最好将其定位为absolute,您可以定义top、left或。。。。很容易使用百分比。嗯,也许可以使用top:value%?这里有些错误:首先显示一些css,然后是一些与上面任何cs

这是我的菜单所在的分区:

这是topMenuDiv之后的内容(如果我仍然不明确,我很抱歉)


我怎样才能以百分比而不是像素来定位我的菜单相对于div的位置?(我省略了菜单中的ul和li部分)。如果有人能在这方面帮助我,我将不胜感激…谢谢。

如果您的菜单的位置是相对的,那么定义
顶部
左侧
或…..这是一项不寻常的工作。最好将其定位为
absolute
,您可以定义
top
left
或。。。。很容易使用百分比。

嗯,也许可以使用top:value%?这里有些错误:首先显示一些css,然后是一些与上面任何css都不相关的标记--,尝试提供更多详细信息,JSFIDLE或代码片段非常有用我尝试过使用top:value%,但它只是将我的菜单放在它所在的div的顶部,不管我使用了什么%s,你使用上、左、下、右道具。将其放置在容器内(或具有相对位置的某个父对象);尝试为其父级设置一个高度值,否则如果父级没有其他子级,它将折叠。如果我更改为绝对值,然后使用top:value%和left:value%定位它,它将工作。但是当我更改屏幕分辨率时,菜单不在应该的位置。(我想将其更改为百分比的最初原因是将我的站点调整为所有屏幕分辨率)它应该保持相同的顶部/左侧和给定的宽度/高度,但是考虑到当您调整大小时,顶部/左边将随着宽度/高度的变化而增长/收缩,我将其更改为绝对值,我的菜单将在屏幕的右侧,从水平向垂直方向变化,您说它被放置在一个div中,该div被定位为<代码>绝对< /代码】。>所以没有什么问题,你的菜单应该在你的div中。首先检查它,然后如果它不起作用,将你的div的位置更改为相对菜单在那。是的。我的菜单被放置在一个带有绝对值的div中…但是现在我看到菜单所在的div,也被放置在另一个更大的div中,也带有绝对值所以…也许这就是pr问题?在默认情况下,每个用
绝对定位的
将定义屏幕为其框架。但是,如果它在另一个div中,使用可以将主div定位为
绝对
相对
,然后定义顶部或左侧的子div框架和…将是主div。如果较大的div定位为to
相对
绝对
不会有问题。
.navigation
{ 
float:right;
margin:0 auto;
}
ul.menu 
{
margin:0 0 0 0;
 padding:0;
 position:relative;
 top:75px;
 list-style:none;}

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