是最原始的静态页面,没有改的静态页面
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>轻松学会Laravel - 模板继承</title>
<style>
.header {
width: 1000px;
height: 150px;
margin:0 auto;
background: #f5f5f5;
border: 1px solid #ddd;
}
.main {
width: 1000px;
height: 300px;
margin:0 auto;
margin-top: 15px;
clear: both;
}
.main .sidebar {
float: left;
width: 20%;
height: inherit;
background: #f5f5f5;
border: 1px solid #ddd;
}
.main .content {
float: right;
width: 75%;
height: inherit;
background: #f5f5f5;
border: 1px solid #ddd;
}
.footer {
width: 1000px;
height: 150px;
margin:0 auto;
margin-top: 15px;
background: #f5f5f5;
border: 1px solid #ddd;
}
</style>
</head>
<body>
<div>
头部
</div>
<div>
<div>
侧边栏
</div>
<div>
主要内容区域
</div>
</div>
<div>
底部
</div>
</body>
</html>
是最原始的静态页面,没有改的静态页面