求html下拉菜单代码

来源:百度知道 编辑:UC知道 时间:2024/05/06 17:25:19
如何修改该代码使弹出的菜单不占用位置,也就是不挤走下方层内容。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
*{
font-size:12px;
font-family:Tahoma, Geneva, sans-serif;
}

#nav a{
display:block;
width:80px;
}
#nav{
margin:0;
padding:0;}

#nav li{
float:left;
text-align:center;

}

#nav li a{
color:#FFF;
background:#000;
heig

改的比较粗,但也能用了

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
*{
font-size:12px;
font-family:Tahoma, Geneva, sans-serif;
}

#nav a{
display:block;
width:80px;
}
#nav{
margin:0;
padding:0;}

#nav li{
float:left;
text-align:center;

}

#nav li a{
color:#FFF;
background:#000;
height:25