有没有办法让图像扩展我基于 Django 的网站上的整个页面？答案

【问题标题】：Is there a way to have an image expand the entire page on my Django based website?有没有办法让图像扩展我基于 Django 的网站上的整个页面？
【发布时间】：2021-07-29 07:55:50
【问题描述】：

我有一个基于 django 的网站，但在图像填满整个屏幕或适合屏幕大小时遇到问题。附上我的问题照片。我检查了所有的边距和边框设置，一切都设置为 0，但图片并没有填满整个屏幕。有谁知道这个问题的解决方案？非常感激。我试图让图像侧面的左右边框不存在，而是被图像覆盖。

  <img class="image1" src="xxx" style="width:100%; margin-top:-25px;"/>
  <div class="image2" style="height: 725px;"><form action="/order"><input type="submit" value="Order Online"/ style="position:absolute; bottom:0; margin-bottom: 265px; margin-left: 383px; background-color: #262626; color:white; width:275px; height:70px; font-size:26px; font-family: Lucida Console">
  </div>```

【问题讨论】：

图片的父div的宽度是多少？
@Wahalez 没有指定，但我只是做到了 100%，问题仍然存在
图片占其父标签宽度的 100%。这意味着父标签中的某些内容是错误的，可能是 padding 、 width 等。您需要提供更多代码，以便人们能够找到您的问题。

标签： html css django

【解决方案1】：

你试过了吗？

* {  margin: 0;  padding: 0; }

如图所示，您的页眉也不是全宽的。

另外，按 F12 打开开发者工具并单击元素检查器并将鼠标悬停在您的图像周围，它会以彩色形式显示边距，只需单击此处并在 CSS 窗格中查看，您将找到正在实现的类边距。

【讨论】：