Question

求助：div背景对齐的问题

我的一组div的背景总是对不齐 右边的总是在下面

请达人帮我看一下，非常感谢。

代码：
css:
<style type="text/css">
<!--
#d1 {
width: 400px;
height: 200px;
margin: 0px 0px 0px 30px;
padding: 0px;
}
#d1 #d1_1 {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px;
width: 5px;
height: 12px;
/*background-image: url(../divbg1_left.jpg);*/
background-repeat: no-repeat;
background: #33CC00;

}
#d1 #d1_2 {
float: none;
margin: 0px 0px 0px 0px;
padding: 0px;
height: 12px;

background: #0099FF;
}
#d1 #d1_3 {
float: right;
margin: 0px 0px 0px 0px;
padding: 0px;
height: 12px;
/*background-image: url(../divbg1_right.jpg);*/
background-repeat: no-repeat;

background: #9966FF;
width: 5px;

}
-->
</style>

html:
<div id="d1">
<div id="d1_1"></div>
<div id="d1_2"></div>
<div id="d1_3"></div>
<div id="d1_4">4444444444</div>
</div>

Answer 1

相对齐背景可以用这个属性：
background-position: center center（第一个center是水平位置，还有right和left；第二个是垂直的，还有top和bottom）

具体调整用这个：
background-position: 111px 222px（其中111是水平的，222是垂直的位置，相对于div而不是网页）