div+css 绝对定位不同分辨率的位置为什么会改变
6个回答
展开全部
2楼说的很详细，绝对定位是的参照位置是以最靠近该绝对定位的已经设置了相对定位的父级层为参照的，如果该绝对定位的所有父级层都没有设置相对定位，则默认以<body>这个标签为准！
你应该就是没有设置父级目录的相对定位，所以出现你说的在不同分辨率下位置都在变！
列子：
<style type="text/css">
<!--
#a {}
#a1 { position:absolute;top:10px; right:10px;}
#b { position:relative; width:500px; margin:0 atuo;}
#b1 { position:absolute;top:10px; right:10px;}
-->
</style>
<div id="a">
<div id="a1">
aaaa
</div>
</div>
<div id="b">
<div id="b1">
ddddddd
</div>
</div>
其中的a就会出现你说的情况
而其中的b只以b的位置为参照！
你应该就是没有设置父级目录的相对定位，所以出现你说的在不同分辨率下位置都在变！
列子：
<style type="text/css">
<!--
#a {}
#a1 { position:absolute;top:10px; right:10px;}
#b { position:relative; width:500px; margin:0 atuo;}
#b1 { position:absolute;top:10px; right:10px;}
-->
</style>
<div id="a">
<div id="a1">
aaaa
</div>
</div>
<div id="b">
<div id="b1">
ddddddd
</div>
</div>
其中的a就会出现你说的情况
而其中的b只以b的位置为参照！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
绝对定位是以你的浏览器可视区为参照物，定义具浏览器可视区上下左右的像素，当分辨率变化，层定义的像素仍然不变，所以必然错误，这就是所谓的绝对，解决方法是，你先建一个相对定位的层，在这个层里面在写一个绝对定位的层，这样第二个层就以第一个层为参照物了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
2楼说的很详细，绝对定位是的参照位置是以最靠近该绝对定位的已经设置了相对定位的父级层为参照的，如果该绝对定位的所有父级层都没有设置相对定位，则默认以<body>这个标签为准！
你应该就是没有设置父级目录的相对定位，所以出现你说的在不同分辨率下位置都在变！
列子：
<style
type="text/css">
<!--
#a
{}
#a1
{
position:absolute;top:10px;
right:10px;}
#b
{
position:relative;
width:500px;
margin:0
atuo;}
#b1
{
position:absolute;top:10px;
right:10px;}
-->
</style>
<div
id="a">
<div
id="a1">
aaaa
</div>
</div>
<div
id="b">
<div
id="b1">
ddddddd
</div>
</div>
其中的a就会出现你说的情况
而其中的b只以b的位置为参照！
你应该就是没有设置父级目录的相对定位，所以出现你说的在不同分辨率下位置都在变！
列子：
<style
type="text/css">
<!--
#a
{}
#a1
{
position:absolute;top:10px;
right:10px;}
#b
{
position:relative;
width:500px;
margin:0
atuo;}
#b1
{
position:absolute;top:10px;
right:10px;}
-->
</style>
<div
id="a">
<div
id="a1">
aaaa
</div>
</div>
<div
id="b">
<div
id="b1">
ddddddd
</div>
</div>
其中的a就会出现你说的情况
而其中的b只以b的位置为参照！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
2楼说的很详细，绝对定位是的参照位置是以最靠近该绝对定位的已经设置了相对定位的父级层为参照的，如果该绝对定位的所有父级层都没有设置相对定位，则默认以<body>这个标签为准！
你应该就是没有设置父级目录的相对定位，所以出现你说的在不同分辨率下位置都在变！
列子：
<style
type="text/css">
<!--
#a
{}
#a1
{
position:absolute;top:10px;
right:10px;}
#b
{
position:relative;
width:500px;
margin:0
atuo;}
#b1
{
position:absolute;top:10px;
right:10px;}
-->
</style>
<div
id="a">
<div
id="a1">
aaaa
</div>
</div>
<div
id="b">
<div
id="b1">
ddddddd
</div>
</div>
其中的a就会出现你说的情况
而其中的b只以b的位置为参照！
你应该就是没有设置父级目录的相对定位，所以出现你说的在不同分辨率下位置都在变！
列子：
<style
type="text/css">
<!--
#a
{}
#a1
{
position:absolute;top:10px;
right:10px;}
#b
{
position:relative;
width:500px;
margin:0
atuo;}
#b1
{
position:absolute;top:10px;
right:10px;}
-->
</style>
<div
id="a">
<div
id="a1">
aaaa
</div>
</div>
<div
id="b">
<div
id="b1">
ddddddd
</div>
</div>
其中的a就会出现你说的情况
而其中的b只以b的位置为参照！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个问题也困扰着我。
我目前的理解就是，绝对定位和绝对路径一样，是死的不会改变，所以分辨率的变化时候，他的位置是不会变。
这绝对是个人理解，至于是不是如此还得请高手们解释了。
我目前的理解就是，绝对定位和绝对路径一样，是死的不会改变，所以分辨率的变化时候，他的位置是不会变。
这绝对是个人理解，至于是不是如此还得请高手们解释了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
