檬味博客 » 问答 » css绝对定位在换了分辨率后会移位，求不移位的代码，

css绝对定位在换了分辨率后会移位，求不移位的代码，

在这个设置了position:absolute的元素上一层添加 position:relative 比如: MORE 这样em属性会只根据div的位置而产生变化,div的位置不变,em的位置也不会发生变化.
css绝对定位在换了分辨率后会移位，求不移位的代码，
不要用绝对定位，你所需要做的，不是给div加上position:absolute然后指定其left和top。而是给除了最外层的里面的每个层都指定个浮动（这样做会省去很多麻烦），然后指定其宽度，需要的话指定其填充和边距（指定填充的时候要注意元素的宽度），浏览器会按照你的设定自动排列层的位置的，不需要你绝对定位啦。
比如下面的
.container {
width: 960px;
background-color: #FFF;
margin: 0 auto; /* 侧边的自动值与宽度结合使用，可以将布局居中对齐 */
overflow: hidden; /* 此声明可使 .container 了解其内部浮动列的结束位置以及包含列的位置 */
}

.sidebar1 {
float: left;
width: 180px;
background-color: #EADCAE;
padding-bottom: 10px;
}
.content {
padding: 10px 0;
width: 780px;
float: left;
}2013-07-10
在这个设置了position:absolute的元素上一层添加 position:relative

比如:
<div style="position:relative; width:500px; height:500px;">
<em style="position:absolute; top:10px; right:10px;">MORE</em>

</div>

这样em属性会只根据div的位置而产生变化,div的位置不变,em的位置也不会发生变化.2013-07-11
mengvlog 阅读 11 次 更新于 2025-07-19 17:18:56 我来答关注问题0
2 个回答檬味博客专题活动
  • ytxiaoruirui css绝对定位在换了分辨率后会移位,求不移位的代码,

    在这个设置了position:absolute的元素上一层添加 position:relative 比如: MORE 这样em属性会只根据div的位置而产生变化,div的位置不变,em的位置也不会发生变化.

  • wagdwz div+css 绝对定位不同分辨率的位置为什么会改变

    2楼说的很详细，绝对定位是的参照位置是以最靠近该绝对定位的已经设置了相对定位的父级层为参照的，如果该绝对定位的所有父级层都没有设置相对定位，则默认以这个标签为准！你应该就是没有设置父级目录的相对定位，所以出现你说的在不同分辨率下位置都在变！列子：

  • 南山二里路 DIV+CSS问题,不同分辨率网站就错位,要弄到居中而且兼容不同浏览器不同分辨率

    .news .nr ul li span{ position:absolute; top:0; right:0;} 这个地方你用了绝对定位了，不同分辨率肯定会错位了 加上 news .nr ul li { position:relative;}

  • 慕容浩然 网页设计使用层后改变屏幕分辨率移位

    在前面添加 然后在页面css中添加下面的代码 body{text-align:center;} wrapper{text-align:left;margin:0 auto;width:960px;position:relative} 其中width:960px表示网页宽度，楼主可以实际情况设置

  • 翡希信息咨询 css篇之absolute绝对定位元素居中技巧

    将绝对定位元素的top、left、right和bottom属性都设置为0。然后，将margin设置为auto。由于绝对定位元素在四个方向上都受到了父容器的约束，并且margin被设置为自动，浏览器会自动调整margin的大小，使得元素在父容器内居中。原因：这种方法利用了绝对定位元素在受到多个方向约束时，浏览器会根据margin: auto...

其他CSS类似问题

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部