代码：
body{
padding: 0px;
margin: 0px;
height: 1000px;
min-width: 600px;
}
a{
text-decoration: none;
color: red;
}
#div1{
position: relative;
height: 10%;
background-color: rgba(104, 255, 74, 0.55);
}
#div2{
position: relative;
height: 90%;
background-color: rgb(209, 201, 107);
}
#ul1{
margin: 0px;
list-style: none;
position: relative;
left: 100px;
}
#ul1 li{
top: 20px;
float: left;
margin: 10px;
border: solid 1px orange;
background-color: aqua;
padding: 10px;
border-radius: 1em;
}
#ul2{
padding: 0px;
margin: 0px;
top: 40px;
left: 115px;
display: none;
position: absolute;
}
#ul2 li{
list-style: none;
float: none;
}
#ul1 li:hover ul{
display: block;
z-index: 1;
}
做下拉菜单后#ul1 设置为position：relative；后网页运行会在右侧显示白色区域
如果设置为position: absolute;缩放网页时导航栏又会挤在一起，应该怎么设置？

在设置position定位时候。要在父容器设置position:relative,在子容器设置position:absolute;top:xxx;left:xxx