Question

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

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

Answer 1

在这个设置了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的位置也不会发生变化.

Answer 2

不要用绝对定位，你所需要做的，不是给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;
}