最后显示效果如下图：
代码：
Sammy Test Div title >
#rtop{}{
margin:0 auto;
height:30%;
vertical-align:middle;
text-align:center;
font-family:Arial;
font-size:x-large;
background: #CCCC00;
}
#rbottom{}{
margin:0 auto;
height:70%;
vertical-align:middle;
text-align:center;
font-family:Arial;
font-size:x-large;
background: #CCee00;
}
#left{}{
float:left;
height:100%;
width:50%;
vertical-align:middle;
text-align:center;
font-family:Arial;
font-size:x-large;
background: #CCCCed;
}
#container{}{
width:600px;
height:300px;
vertical-align:middle;
text-align:center;
font-family:Arial;
font-size:x-large;
background-color:Green
}
#leftside{}{
width:20%;
height:60%;
float:left;
font-family:Arial;
font-size:x-large;
vertical-align:middle;
text-align:center;
background: gray;
}
#rightside{}{
width:80%;
height:60%;
float:left;
vertical-align:middle;
text-align:center;
font-family:Arial;
font-size:x-large;
background: #Cdfd00;
}
#foot{}{
height:20%;
clear:both;
vertical-align:middle;
text-align:center;
font-family:Arial;
font-size:x-large;
background-color:InactiveBorder;
}
#header{}{
height:20%;
clear:both;
vertical-align:middle;
text-align:center;
font-family:Arial;
font-size:x-large;
background-color:Red
}
style >
head >
header
div >
leftside
div >
right top
div >
left
div >
right
div >
div >
div >
div >
foot
div >
div >
form >
body >
html >
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/3088605.html
