body{
margin:0px;
font-size:13px;
font-family:Arial;
text-align:center;
background-color:#999999;
}
#div01{
position:relative;
width:900px;
height:auto;
text-align:center;
}
#div02{ margin:0;
width:auto;
height:auto;
}
#div1{
margin:0 auto;
padding:0;
width:900px;
text-align:left;
background-color:#FFFFFF;
height:50px;
border-width:1px;
border-color:#FF00FF;
border-style:solid;
color:#000066;
font-size:20px;
font-family:黑体;
font-weight:bold;
text-decoration:none;
}
#div2{
height:500px;
width:448px;
float:left;
border:1px solid red;
background-color:#00CCCC;
text-align:left;
}
#div3{margin:0;
float:left;
width:448px;
height:500px;
border:1px solid #000000;
text-align:center;
background-color:#00CC00;
}
#div4{ margin:0;
width:900px;
height:auto;
text-align:center;
}
#div4-1{ text-align:left;
float:left;
margin:0;
width:450px;
height:100px;
background-color:#993300;
border:1px solid yellow;
}
#div4-2{ margin:0
width:450px;
height:100px;
background-color:#660033;
border:1px solid green;
}
#div4-3{margin:0;
float:left;
width:450px;
height:120px;
background-color:#0033FF;
border:1px solid yellow;
}
#div4-4{ margin:0;
float:left;
width:450px;
height:120px;
background-color:#990099;
border:1px solid green;
}
#div5{ margin:0;
clear:both;
width:900px;
height:50px;
border:1px solid red;
}
a:link{
text-decoration:none;
}
a:hover{
text-decoration:underline;
color:#FF0000;
}
a:activer{
text-decoration:none;
}
a:visited{
text-decoration:none;
color:#000000;
}
a:hover{
text-decoration:underline;
color:#FF0000;
}
高手帮帮忙，解释一下为啥四四个边框这个框不能上去与四三个边框对齐呢？
还有为啥我左边框与右边框的值 一定要设置成448px右边框才能上去呢？