//html
<div class="botcom">
<div class="bottomcomm">
<img src="images/bot.png">
<div class="botsystem">
<p>hell word;hell word;hell word;hell word;hell word;hell word</p>
<p>友情链接:<a href="javascript:void(0);">http://www.baidu.com/</a></p>
</div>
</div>
</div>
//css
.botcom{
width: 100%;
height: 55px;
}
.bottomcomm{
width: 100%;
height: 55px;
position: relative;
}
/*img设置为背景图*/
.bottomcomm img{
width:100%;
height: 55px;
top: 0;
left: 0;
position: absolute;
z-Index:-1;
}
/*css绝对定位水平居中*/
.botsystem{
position: absolute;
width:1263px;
height: 43px;
left: 50%; /*打开注释部分则需注释掉此部分*/
transform: translate(-50%, 0); //第一个值是left,第二个值是top
padding-top: 12px;
/*left: 0;*/
/*top: 0;*/
/*right: 0;*/
/*bottom: 0;*/
/*margin: auto;*/
}
.botsystem p{
text-align: center;
font-size: 10px;
line-height: 16px;
}