你不要在body设置这样会把所有内容都居中的
你可以在div设置main{width:960px;margin:0px auto; overflow:hidden;}
就可以居中了
1、打开sublime text3，并且新建一个html文档和一个css文档。
2、把最基本的html框架写出来。
3、在html的head部分写上编码字符集并引入css文件。
4、在html的body里面写一个div，打上文字并设置一个class名。
5、在浏览器中打开，查看现在的效果。
6、我们直接在选择的div的class名里面加一个“margin: 0 auto;”属性保存。
right 属性规定元素的右边缘。该属性定义了定位元素右外边距边界与其包含块右边界之间的偏移。
注释：如果 "position" 属性的值为 "static"，那么设置 "right" 属性不会产生任何效果。(内容来至w3c的css参考手册)。元素的position属性默认值是static,可以修改position为absolute
参考如下：
<input type="text">
<div id="divShow" style="display:none;position:absolute;">显示的内容；</div>
display:none，表示此层隐藏；
position:absolute，表示此层的为绝对位置，方便后期进行绝对定位
添加事件，完成效果；
<script type="text/javascript">
function showDiv(obj) {
// 保存元素；
var el = obj;
// 获得元素的左偏移量；
var left = objoffsetLeft;
// 获得元素的顶端偏移量；
var top = objoffsetTop;
// 循环获得元素的父级控件，累加左和顶端偏移量；
while (obj = objoffsetParent) {
left += objoffsetLeft;
top += objoffsetTop;
}
// 设置层的坐标并显示；
documentalldivShowstylepixelLeft = left;
// 层的顶端距离为元素的顶端距离加上元素的高；
documentalldivShowstylepixelTop = top + eloffsetHeight;
documentalldivShowstyledisplay = "block";
}
</script>
<style>
#divShow
{
width:150px;
height:180px;
border-width:thin;
background:yellow;
}
</style>
<input type="text" onfocus="showDiv(this);">
<div id="divShow" style="display:none;position:absolute;">显示的内容；</div>
注意：
offsetLeft和OffsetTop不是获得元素和页面的距离，只是获得元素和父元素的的距离，所以要进行while循环一层层累加距离，最后得到元素和页面之间的距离
层次关系：本元素->父元素->……>body->null，当为null时，退出while循环。
最终效果如下：
以上就是关于我用DW制作网页， <body>居中后，DIV里的内容在浏览的时候出现偏移，不在原来的位置上。希望大侠能帮帮忙全部的内容，包括:我用DW制作网页， <body>居中后，DIV里的内容在浏览的时候出现偏移，不在原来的位置上。希望大侠能帮帮忙、css如何使整个div中的整段文字右移、css 给div设置right:值时，div左右始终不左右偏移 ，当top会上下偏移，为何，求解！等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）