頁面3大部分框架
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
body,html{
margin: 0px;
width: 100%;
height: 100%;
}
#top{
width: 100%;
height: 10%;
background-image: url("../image/headerbg.gif");
background-size: 100% 100%;
min-width: 1000px;
min-height: 80px;
}
#main{
width: 100%;
height: 90%;
min-width: 1000px;
min-height: 700px;
}
#left{
width: 20%;
height: 100%;
/*background-color: rosybrown;*/
background-image: url("../image/leftbg.gif");
background-size: 100% 100%;
float: left;
}
#right{
width: 80%;
height: 100%;
background-color: white;
float: left;
}
#top-left{
width: 300px;
height: 90%;
border: solid 1px red;
float: left;
}
#top-right{
width: 300px;
height: 90%;
border: solid 1px red;
float: left;
margin-left: 400px;
}
</style>
</head>
<body>
<div id="top">
<div id="top-left"></div>
<div id="top-right"></div>
</div>
<div id="main">
<div id="left">
</div>
<div id="right"></div>
</div>
</body>
</html>