Question

CSS设置显示位置

body {
margin: 0;
padding: 0;

line-height: 1.5em;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333;
background: #ffffff;
}

/* menu */
#templatemo_menu_wrapper {
clear: both;
left: 60px;
top: 40px;
width: 800px;
margin: 0 auto;
background: url(images/templatemo_menu_repeat.jpg) repeat-x;
}

#templatemo_menu {
width: 900px;
height: 45px;
padding: 0 10px;
margin: 0 auto;
}

#templatemo_menu ul {
margin: 0px;
padding: 5px 0 0 0;
list-style: none;
}

#templatemo_menu ul li {
margin: 0px;
padding: 0px;
display: inline;
}

#templatemo_menu ul li a {
display: inline-block;
padding: 5px 30px;
margin: 0 5px;
font-size: 13px;
font-weight: bold;
text-decoration: none;
color: #BBB;
outline: none;
}

#templatemo_menu li a:hover, #templatemo_menu li .current {
background: #666;
color: #FFF;
}

/* end of menu */
这个显示出来的话是在最顶层的，如何修改能使其显示在离顶部80px的位置？

Answer 1

一般用position属性来定义位置。
relative相对位置；
absolute绝对位置；
fixed屏幕位置；

通过left、top、bottom、right设置。

Answer 2

你好:
你的描述应该是css位置的问题;如果想设置层的显示顺序,需要把块元素加个属性position:absolute;z-index:5000;
如果设置为fixed属性,则会脱离文档流;

希望可以帮助到你;