关于HTML/CSS布局问题 初学者学习问题
body {
margin:0px;
padding:0px;
font:12px arial,宋体;
text-align:center;
}
.zong {
float:left;
width:214px;
height:266px;
background:rgb(220,232,244);
position:absolute;
left:50%;
top:50%;
margin-top:-133px;
margin-left:-107px;
border:1px outset black;
z-index:-100;
}
.kuang {
float:left;
margin-top:10px;
margin-left:11px;
width:192px;
height:52px;
background:url(../images/0000000.jpg) no-repeat left top;
z-index:-98;
}
.gongneng {
float:left;
margin-top:4px;
width:214px;
height:61px;
z-index:-99;
}
.buttom a{
float:left;
width:36px;
height:29px;
background:url(../images/MC.jpg) no-repeat top left;
margin-top:1px;
margin-left:11px;
}
.buttom a:hover {
float:left;
background:url(../images/MC1.jpg) no-repeat top left;
width:36px;
height:29px;
margin-top:1px;
margin-left:11px;
}
.buttom a:active {
float:left;
background:url(images/MC2.jpg) no-repeat top left;
width:36px;
height:29px;
margin-top:1px;
margin-left:11px;
}<body>
<div class="zong">
<div class="kuang">
</div>
<div class="gongneng">
<div class="buttom"><a href="#"></a></div>
</div>
</div>
</body>