<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="/static/utils/bootstrap-3.3.7-dist/css/bootstrap.css"> <title>Title</title> <style> .head { height: 60px; background: #1b6d85; } .content{ margin-top: 10px; } </style> </head> <body> <div class="head"></div> <div class="container-fluid content"> <div class="row"> <div class="col-md-3"> {% include 'left.html' %} </div> <div class="col-md-9"> <div class="right_top" style="height: 70px;background: pink"> {% block content_top %} {% endblock %} </div> <div class="right_top" style="height: 70px;background: #3e8f3e"> </div> {% block content %} 我是母版的内容 {% endblock %} </div> </div> </div> </body> </html>
{% extends 'base.html' %} {% block content %} <p>这是9的区域</p> <p>这是9的区域</p> {{ block.super }} <p>这是9的区域</p> <p>这是9的区域</p> <p>这是9的区域</p> <p>这是9的区域</p> {{ block.super }} {% endblock content%} {% block content_top %} 我是模版一内容頭部 {% endblock content_top%}