有时,在创建网站时,需要让div根据背景自动调整高度,而无需设置特定的高度或最小高度。它使开发人员在编写代码时很方便。
我们将在我们的 div 中创建一个 img 元素,并将其 src 设置为与我们的背景图像相同。它的可见性将设置为隐藏,以便仅显示背景图像。将div 元素的 background-repeat 属性设置为“no-repeat”,以免重复图像。
示例:由于图像是div的背景图像,因此,标题GeeksforGeeks出现在图像上方。
html
Title of the document
GeeksforGeeks
输出: