在CSS中放置元素

在CSS中放置元素,css,Css,我目前正在做一些测试,从基本的css功能。我想在页面中定位菜单,并添加标题w/o。菜单贴在页面的一角(看起来很奇怪)。属性“顶部”、“左侧”。。。没有效果。就好像不考虑楼顶?!浏览器的选择不是决定性的。我将css放在中。因此,从图形上看,代码无法实现正确的显示。对此有何看法 #菜单ul{ 边缘顶部:5cm顶部:5cm; 左-5厘米; 显示:块; 宽度:2cm; 列表样式类型:无; 边际:0px; } #菜单ulli{ 边缘顶部:5cm顶部:5cm; 宽度:100%; 列表样式类型:无; 边际:

我目前正在做一些测试,从基本的css功能。我想在页面中定位菜单,并添加标题w/o
。菜单贴在页面的一角(看起来很奇怪)。属性“顶部”、“左侧”。。。没有效果。就好像不考虑楼顶?!浏览器的选择不是决定性的。我将css放在
中。因此,从图形上看,代码无法实现正确的显示。对此有何看法

#菜单ul{
边缘顶部:5cm顶部:5cm;
左-5厘米;
显示:块;
宽度:2cm;
列表样式类型:无;
边际:0px;
}
#菜单ulli{
边缘顶部:5cm顶部:5cm;
宽度:100%;
列表样式类型:无;
边际:0px;
文本对齐:居中;
显示:块;
字体系列:arial;
}
#菜单ulli a{
边缘顶部:5cm顶部:5cm;
显示:块;
字体系列:“comic sans MS”;
文字装饰:无;
颜色:黑色;
宽度:100%;
填充物:5px;
背景色:白色;
边框颜色:绿色;
边框样式:实心;
边框宽度:5px;
保证金:2倍;
}
#菜单:悬停{
背景颜色:灰色;
边框颜色:红色;
边框样式:实心;
边框宽度:5px;
}
空白处{
高度:10厘米;
边框颜色:红色;
边框样式:实心;
位置:绝对位置;
}
Ici区域滴定度


您应该只添加
位置:绝对指向菜单元素,而不是所有其他子元素

快速查看以下演示,您将看到我所说的内容:

#菜单ul{
显示:块;
宽度:2cm;
列表样式类型:无;
边际:0px;
}
#菜单ulli{
宽度:100%;
列表样式类型:无;
边际:0px;
文本对齐:居中;
显示:块;
字体系列:arial;
}
#菜单ulli a{
位置:绝对位置;
显示:块;
字体系列:“comic sans MS”;
文字装饰:无;
颜色:黑色;
宽度:100%;
填充物:5px;
背景色:白色;
边框颜色:绿色;
边框样式:实心;
边框宽度:5px;
保证金:2倍;
}
#菜单:悬停{
背景颜色:灰色;
边框颜色:红色;
边框样式:实心;
边框宽度:5px;
}
#菜单{
位置:绝对位置;
排名:0;
左:0;
}
img{
顶部:8厘米;
左:3厘米;
内容:url(“smiley.jpg”);
宽度:10厘米;
身高:6厘米;
边框颜色:蓝色;
边框宽度:4px;
边框样式:实心;
位置:绝对位置;
}
空白处{
位置:固定;
显示:块;
高度:10厘米;
边框颜色:红色;
边框样式:实心;
位置:绝对位置;
}
Ceci东部地区滴定度

因此,我希望使用坐标(x、y、w、h)显示带有背景色(或图像)的标题块和页面中任意位置的菜单。如图所示,z索引工作正常。

严格地说,
属性,只有当
位置
设置为
相对
/
绝对
/
固定
时,才会考虑这些属性。请澄清预期的输出,也许我可以提出一些建议。您希望菜单的外观如何?请注意,

标记不使用,也不需要HTML中的结束斜杠,而且从来没有。@Guilherme,详细说明我的问题。我希望在页面的开头有一个div块,在这里设置为10cm的空白(这是很多,但我可以尝试使用2cm/4em…)。然后单击带有绿色边框的5个块的菜单并悬停。顶部和边缘顶部可能是冗余的/超级累加的,但它不会影响结果(显然)。该单位还。。。(?)@Rob:谢谢你的评论。有道理。谢谢你对风格的重塑。我想这更相关。你知道为什么菜单5只出现(布局问题)吗?这可能是编译器的问题吗?