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 阅读 39 次 更新于 2025-09-11 08:22:12 我来答关注问题0
  •  何霸王 我用div绝对定位布局网页,宽度设置的百分之百,可我把分辨率改到1024的时候网页有一半显示不出来

    如果你的表格宽度设的是百分,网页就会拉宽,这样网页可能会变形。在中加入leftmargin=0,即这种情况下,800×600支持的表格宽度为780像素时不会出现滚动条。还有一点要注意的是不能用DW中的层来定位。 或者自动获取分辨率 无标题文档 .abc{ height:300px; border:1px solid ...

  •  翡希信息咨询 详解CSS的相对定位和绝对定位

    CSS的相对定位和绝对定位详解一、相对定位(position: relative)定义:相对定位是指元素在文档流中的位置保持不变,但可以通过设置偏移量(left、right、top、bottom)相对于其正常位置进行移动。特点:元素仍然占据原来的空间,即使它被偏移了。偏移量不会改变元素在文档流中的位置,只是视觉上发生了移动。...

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

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

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

    使用left: 50%; top: 50%;配合margin负值:将绝对定位元素的left和top属性设置为50%,这会使得元素的左上角移动到其父容器的中心点。接着,使用marginleft和margintop的负值来调整元素的位置,负值的绝对值应等于元素宽度和高度的一半,从而使元素完全居中。使用top, left, right, bottom: 0配合margin...

  •  翡希信息咨询 css中的绝对定位和相对定位

    参照物:相对定位的参照物是元素本身。 位置影响:设置相对定位后,元素原来的位置始终保留着,只是视觉上发生了偏移。总结: 绝对定位是相对于父级元素或浏览器窗口进行定位的,设置后会占据原来的位置。 相对定位是相对于元素本身的原始位置进行定位的,设置后不会占据原来的位置,只是视觉上发生了偏移。

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

CSS相关话题

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