这基本上就是我想要实现的目标:
我希望总页面高度为100%,但是当我将侧边栏和正文放在100%时,页面会从导航栏添加40px,所以即使不应该有一个滚动条,我也会得到一个滚动条.
我通过使用表来修复它,但我确信必须有一个更简单的方法
<body>
<div class="container-fluid">
<div class="navbar"></div>
<div class="sidebar"></div>
<div class="body"></div>
</div>
</body>
Run Code Online (Sandbox Code Playgroud)
和css到目前为止我得到了什么:
body, html, .container-fluid, .sidebar, .body {
height: 100%;
min-height: 100%;
}
.navbar {
height: 40px;
position: relative;
}
Run Code Online (Sandbox Code Playgroud) 如何覆盖包含的模板文件中的块?
例:
{# layout.html #}
{% include "menu.html" %}
{# menu.html #}
{% block overrideme %}{% endblock %}
{# index.html #}
{% extends "layout.html" %}
{% block overrideme %}Overriden{% endblock %}
Run Code Online (Sandbox Code Playgroud)
我在某处读到了特质功能的实现?我找不到任何关于它的文档,有谁知道我怎么能做到这一点?