DW5中 用AP DIV 模块做隐藏的导航栏子菜单, 如何使该模块在浏览界面大小不同的情况下相对位置不变?
2个回答
展开全部
<!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=utf-8" />
<title>手写html</title>
<style type="text/css">
#a1{
position:absolute;
z-index:100;
left:200px;;
top:100px;
width:100px;
height:100px;
background:red;
}
#a2{
position:absolute;
z-index:100;
left:20%;;
top:10%;
width:100px;
height:100px;
background:blue;
}
</style>
</head>
<body>
<div id="a1">绝对定位 位不随浏览器大小绝对不变</div>
<div id="a2">绝对定位 位置随浏览器大小相对不变</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>手写html</title>
<style type="text/css">
#a1{
position:absolute;
z-index:100;
left:200px;;
top:100px;
width:100px;
height:100px;
background:red;
}
#a2{
position:absolute;
z-index:100;
left:20%;;
top:10%;
width:100px;
height:100px;
background:blue;
}
</style>
</head>
<body>
<div id="a1">绝对定位 位不随浏览器大小绝对不变</div>
<div id="a2">绝对定位 位置随浏览器大小相对不变</div>
</body>
</html>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询