求助: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
请达人帮我看一下,非常感谢。
代码:
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而不是网页)