网页制作，实现如下的功能。子div随父div位置变化。父div移出页面，子div跟着移出页面。谢谢了！ 20
表述的具体一点：往下拉页面左边的会员信息框往上去，在往上固定在页面导航上不动，当帖子内容划出的时候会员信息也划出页面。具体看例子：http://club.autohome...
表述的具体一点：往下拉页面左边的会员信息框往上去，在往上固定在页面导航上不动，当帖子内容划出的时候会员信息也划出页面。具体看例子：http://club.autohome.com.cn/bbs/thread-c-3460-56144404-1.html#pvareaid=2199101
展开
展开全部
子元素position：fixed;
父元素position:relative;
可以看看我这个demo
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
.container1{
width: 1000px;
height: 10000px;
background-color: aqua;
position: relative;
}
.container2{
width: 1000px;height: 10000px;background-color: red;
position: relative;
}
.introduction{
width: 100px;
height: 100px;
background-color: black;
position: fixed;
}
</style>
</head>
<body style="margin: 0;padding:0;">
<div class="container1">
<div class="introduction">
</div>
</div>
<div class="container2"></div>
</body>
</html>
父元素position:relative;
可以看看我这个demo
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
.container1{
width: 1000px;
height: 10000px;
background-color: aqua;
position: relative;
}
.container2{
width: 1000px;height: 10000px;background-color: red;
position: relative;
}
.introduction{
width: 100px;
height: 100px;
background-color: black;
position: fixed;
}
</style>
</head>
<body style="margin: 0;padding:0;">
<div class="container1">
<div class="introduction">
</div>
</div>
<div class="container2"></div>
</body>
</html>
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
