求助:div背景对齐的问题

来源:百度知道 编辑:UC知道 时间:2024/04/29 22:26:21
我的一组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&q

相对齐背景可以用这个属性:
background-position: center center(第一个center是水平位置,还有right和left;第二个是垂直的,还有top和bottom)

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