DW中的视图仅仅是个参考，不能作为最终效果，要知道，网页是浏览器渲染的，网友是不会用DW看你的网页的。
要想做到自由布局，不妨建议您练习下css的position属性，大致告诉你几点主要的：
绝对定位absolute，在父级元素没有任何定位属性的时候，默认是对齐浏览器的左上角的。
相对定位relative通常用来保留元素的原始位置，并给其下的子元素一个定位限制
所以，要想自由控制你的某个元素，首先你要理解应该如何去设置他的定位方式。如你的案例，假设你的页面有固定宽度，那么，除非你的页面是左对齐的，否则，居中对其的话，未限定区域的浮动元素（absolute定位）就会出现偏离。最好的办法就是给你的主要布局元素一个相对定位属性，然后把浮动元素放到里面，这样，【主布局元素（relative定位）】就限制住了【浮动元素（absolute定位）】的活动范围。
可以尝试建立一个div，给他一个宽度、高度和relative定位，然后里面放一个absolute定位的元素，外面放一个absolute定位的元素，调试下他们的位置，看在浏览器中的效果。
网页中的元素定位使用到x轴y轴（还有一个z轴），x就是横向的，从左往右算；y就是垂直的，从上往下算，z是纵深的，设置元素的层次（网页和PS的图层很像，也是一层盖一层）。
我是在背景上放的文字，文字位置和预览的的不一样
【不要相信DW里的视图效果】，那只是一个参考，仍属于开发模式。一切以浏览器为准，浏览器显示什么样就是什么样。
你是在背景上添加的文字，但是，看第一张图的蓝色边框就知道，肯定有定位属性了（你在DW中用鼠标拖动他了），所以，只要是定位，就看上边的答案，理解定位的原理，再去调整。
如果你觉得DW里面拖动层更方便，不妨一点一点的挪，直到浏览器没问题了就OK，管他DW显示成啥样。
上图，左浏览器，中DW代码，右DW视图
我只要网页对齐方式改成居中，文字就对不齐，要是网页左对齐，就没事，怎么回事？
能举个例子吗，不太明白
