.top,.med,.bot{
width: 970px;
}
.top{
height: 103px;
margin: 0 auto;
margin-bottom: 10px;
}
.top-l{
height: 103px;
width: 277px;
background-color: red;
float: left;
/*折腾俩小时 看来不左对齐右边就是过不来......*/
}
.top-r-up{
width: 137px;
height: 49px;
background-color: green;
margin-bottom: 8px;
float: right;
}
.top-r-down{
width: 679px;
height: 46px;
background-color: green;
margin-left: 8px;
float: right;
}
.med{
height: 435px;
/*background-color: orange;*/
margin: 0 auto;
margin-bottom: 10px;
}
.med-l{
width: 310px;
height: 435px;
float: left;
background-color: orange;
}
.med-r{
width:640px;
height: 435px;
float: right;
margin-left: 10px;
}.med-r-l-up{
width: 450px;
height: 240px;
background-color: deepskyblue;
}
.med-r-l-med{
width: 450px;
height: 110px;
background-color: deepskyblue;
margin-top: 10px;
margin-bottom: 10px;
}
.med-r-l-bot{
width: 450px;
height: 30px;
background-color: deepskyblue;
}
.med-r-r{
width: 180px;
height: 400px;
background-color: darkmagenta;
float: right;
}
.med-r-bot{
width: 650px;
height: 25px;
background-color: #008000;
margin-top: 10px;
}
.bot{
width: 970px;
height: 35px;
background-color: blue;
margin: 0 auto;
}
一键复制
编辑
Web IDE
原始数据
按行查看
历史