Шаблон html-страницы все еще оставляет некоторые белые места справа и снизу
base.html
<body style="margin:0;">
{% include "navbar.html" %}
{% if messages %}
{% for message in messages %}
<div class="container-fluid p-0">
<div class="alert alert-{{ message.tags }} alert-dismissible" role="alert" >
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="True">×</span>
</button>
{{ message }}
</div>
</div>
{% endfor %}
{% endif %}
{% block content %}
{% endblock %}
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
</body>
index.html
{% extends "base.html" %}
{% load static %}
{% block content %}
<div class="container-fluid" style="position:relative;margin:0;">
<img src="{% static 'images/bg_delivery.png' %}" style="margin-left:-15px;margin-right:-15px;width:100%;">
<div style="position:absolute;top:50px;left:200px;font-family:Times, 'Times New Roman', Georgia, serif;font-size:20pt;">
從你最喜愛的餐廳、商店訂購美食及生活百貨，並由我們為你直送府上！
</div>
<div style="padding:10px;position:absolute;top:250px;left:450px;display:inline;text-align:left;border: 5px solid gray;">
<input style="border-radius: 10px;box-sizing:border-box;width: 300px;height:50px;" type="text" name="favorite" size="50" placeholder="您的地址">
<button style="width: 50px;height:50px;" class="btn btn-primary"><i class="fa fa-search"></i></button>
<button style="width: 150px;height:50px;" class="btn btn-secondary">送遞</button> 或 <button style="width: 150px;height:50px;" class="btn btn-secondary">外賣自取</button>
</div>
<div style="position:absolute;bottom:350px;right:200px;font-family:Times, 'Times New Roman', Georgia, serif;font-size:20pt;">
你只需下單，其他的就交給我們！
</div>
</div>
{% endblock %}
HTML-страница все еще оставляет некоторые лишние пробелы справа и снизу от фонового изображения в index.html, даже если я добавил стили margin: 0 и class:container-fluid. Поскольку я работаю в проекте Django и расширяю base.html в index.html, есть ли способ убрать лишние белые пробелы в шаблоне HTML, если я наследую шаблоны?