Question

字体固定在页面中间，不会随网页窗口大小改变而变动位置，网页很是难看，这是为什么啊？

html代码如下：
<div class="banner03">
<div class="bt01"><span>群友闯公考</span></div>
<div class="wz01"><span>24小时与群友一起聊考试中的那些事 儿,公考路上不
再孤单！<span></div>
</div>

CSS代码如下：
.banner03{ background:url(images/QQ002_03.gif) no-repeat 50% center; height:181px; margin:0 auto;}

.bt01{ font:24px/35px "微软雅黑"; color:#db2810; width:240px; height:40px; margin-left:730px; padding-top:30px;font-weight:400;}

.wz01{ font:18px/35px "微软雅黑"; color:#8b593b;margin-left:730px; margin-top:35px; width:385px; font-weight:400;}





Answer 1

这段代码有问题DIV左边位置 （margin-left:730px; ）这段是左边外填充730像素是固定的 这样的话在不同分辨率下他就会 错位 分辨率高了就往左边跑 分辨率低了就忘右边走 因为他始终填充了730像素在左边；建议用绝对定位 使用一下代码： position:relative; left:50%; margin-left:-(这个数值是根据情况而定，先设置成该DIV的50%的宽度 然后视 DIV离左边区域的距离而增加)；记得数值是负的哦 加-号的