文字在静态页面中显示问题

Question

    <div id="header">
        <div class="header wrap">
            <span>企业账户中心登陆（仅支持2.0用户）|问题反馈</span>
            <img src="img/gotoQQ.png" alt="">
            <img src="img/radio.png" alt="">
            <span>企业QQ客服：95105353</span>
        </div>
    </div>

.wrap{width:960px;margin: 0 auto;}
#header{background: url(../img/head_bg.jpg) no-repeat center 0;height:94px;}

求问右上角文字图片的样式怎么设置好，都用自由定位可以吗？

Answer 1

<div id="header">
    <div class="header wrap"></div>//这个地方好像没有包住其它的地方啊？会不会就没什么效果了？
        <span>企业账户中心登陆（仅支持2.0用户）|问题反馈</span>
        <img src="img/gotoQQ.png" alt="">
        <img src="img/radio.png" alt="">
        <span>企业QQ客服：95105353</span>
</div>

关于定位，推荐把父元素#header设置为absolute吧，然后相对上一级设置了非static定位的父级元素定位，设置left和top为合适的值，很容易就到右上角了。

Answer 2

实现的方法有很多种，看你怎么考虑了，可以使用float去排版，也可以用absolute去排版