模板继承
father.blade.php
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
</head>
<style>
body {
min-width: 550px;
font-weight: bold;
font-size: 20px;
}
#header, #footer {
background: bisque;
text-align: center;
height: 60px;
line-height: 60px;
}
#footer {
clear: both;
}
#container {
padding-left: 200px;
padding-right: 150px;
overflow: hidden;
}
#container .column {
position: relative;
float: left;
text-align: center;
height: 300px;
line-height: 300px;
}
#center {
width: 100%;
background: pink;
}
#left {
width: 200px;
right: 200px;
margin-left: -100%;
background: olivedrab;
}
#right {
width: 150px;
margin-left: -150px;
right: -150px;
background: lightblue;
}
</style>
<body>
<div id="header">头</div>
<div id="container">
<div id="center" class="column">中</div>
<div id="left" class="column">左</div>
<div id="right" class="column">右</div>
</div>
<div id="footer">尾</div>
<div class='main'>
@yield('content')
</div>
</body>
</html>
buju.blade.php
@extends('blade.father')
@section('content')
@endsection
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/5cdab795a87928c49518593c1438ca36.png#pic_center)