css如何避免绝对定位覆盖其他元素？
如图所示，如何将元素footer元素自动下移，避免被c元素遮挡。（parent元素一般情况下无边框）a,b,c是parent的子元素，c相对parent绝对定位，foot...
如图所示，如何将元素footer元素自动下移，避免被c元素遮挡。（parent元素一般情况下无边框）
a,b,c是parent 的子元素，c相对parent绝对定位，footer是页脚。 展开
a,b,c是parent 的子元素，c相对parent绝对定位，footer是页脚。 展开
展开全部
css避免绝对定位覆盖其他元素，首先，在做定位的时候，确实是会出现覆盖的问题，一般在确定left，top，bottom，right这些数值，一般都是精确的测量过，很少出现覆盖，有问题的，通过JS获取到这个块的left，top，bottom，right,动态的来控制，能避免出现这些问题，具体看代码：
<html>
<head>
<style>
#div1{
width:460px;
height:200px;
position:absolute;
}
</style>
</head>
<script>
var oDiv = document.getElementById('div1')
var Let = Div.style.left; //上下的值，
var Rig = Div.style.top;
</script>
<body>
<div id='div1'>
<p>我是测试文字</p>
</div>
</body>
</html>
<html>
<head>
<style>
#div1{
width:460px;
height:200px;
position:absolute;
}
</style>
</head>
<script>
var oDiv = document.getElementById('div1')
var Let = Div.style.left; //上下的值，
var Rig = Div.style.top;
</script>
<body>
<div id='div1'>
<p>我是测试文字</p>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
parent 设置overflow:hidden; zoom:1;
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
推荐使用层高度：z-index属性。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
如果靠position定位的话自适应是不行的。
用float对齐。
或者是用js控制
parent的高度=c的高度
用float对齐。
或者是用js控制
parent的高度=c的高度
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
