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

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

    <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;}

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


<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为合适的值,很容易就到右上角了。


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

【热门文章】
【热门文章】