Html 允许映像溢出父div，但需要向下推送下面的内容

你好，第一次在这里发帖：）

我卡住了！已经好几个小时了，哈哈

我想在div中的某个文本下添加一个图像，它将溢出页面。但是，图像在我的页脚下运行，没有向下推。我一直在玩弄位置：div上的relative和footer上的position:absolute等等，但我似乎无法让它工作

我已经附上了我的代码。图像是随机的，但大小与我在本地使用的图像相似

任何帮助都将不胜感激

/*我的工作页面*/
.壁纸{
边际：0px；
高度：800px；
背景色：var（--peach）；
位置：相对位置；
}
.我的作品文本{
/*位置：绝对位置*/
/*最高：30%*/
/*左：50%*/
/*转换：转换（-50%，-100%）*/
颜色：var（--黑色）；
字体系列：“playfair显示”；
最大宽度：60%；
保证金：自动；
垫面：20%；
}
.我的工作截图{
保证金：自动；
}
/*页脚*/
页脚{
/*边缘顶部：100px*/
颜色：#fff；
背景色：var（--黑色）；
文本对齐：居中；
填充：40px；
位置：绝对位置；
宽度：100%；
}
页脚>h5{
填充：8px；
}
页脚>页脚{
线高：0.4rem；
}
页脚>人力资源{
利润率：30px 0 20px 0；
}
页脚>ul{
列表样式：无；
}
页脚>ul>li>a，
答：林克，
a:悬停，
a:参观了{
文字装饰：无；
颜色：var（--白色）；
}

布莱恩·约翰斯顿·西奇利兹
布莱恩是一位专业的水族馆鱼类销售商，他正在寻找展示其业务的网站。我为Bryan提供了从设计、功能和开发的完整服务

BLOXY网页设计与开发
专业的网站设计师和开发者

电话：0780615231

电邮：stuart@sjbloxham.co.uk







©版权所有Bloxy网站设计与开发

1.如果你想像大多数网站一样拥有正常的页脚，你必须对

页脚

使用

位置：相对
，如果你没有将
位置
添加到
页脚
标签中，那么默认情况下它将是
相对

2.如果您的页面内容少于监视器，页脚不会固定在页面底部。如果您以后想添加更多内容，如图片，'https://i.stack.imgur.com/8z2UC.png'只需使用
position:relative
或从页脚css中删除
position
属性即可

如果您没有多少内容和页脚不在底部推动，最好使用
position:fixed
，并添加
bottom:0
和
left:0
，这样页脚就可以理解要固定的位置。并添加
z-index:555
，以便将其置于其他内容之上


当你想使用
position:absolute
时，你必须首先将它设置为
position:relative
的父对象，这样它才能理解父对象的位置。同样在绝对值中，您必须使用
左：“数字”
并添加
顶：“数字”
。在
绝对
和
固定
中，必须在每个轴上至少添加一个点，即X轴：左侧或右侧，Y轴：顶部或底部。如果您不添加相对于绝对值的父级，它将是整个页面的绝对值


1.如果你想像大多数网站一样拥有正常的页脚，你必须为
页脚
使用
位置：相对
，如果你没有将
位置
添加到
页脚
标记中，默认情况下它将是
相对

2.如果您的页面内容少于监视器，页脚不会固定在页面底部。如果您以后想添加更多内容，如图片，'https://i.stack.imgur.com/8z2UC.png'只需使用
position:relative
或从页脚css中删除
position
属性即可

如果您没有多少内容和页脚不在底部推动，最好使用
position:fixed
，并添加
bottom:0
和
left:0
，这样页脚就可以理解要固定的位置。并添加
z-index:555
，以便将其置于其他内容之上


当你想使用
position:absolute
时，你必须首先将它设置为
position:relative
的父对象，这样它才能理解父对象的位置。同样在绝对值中，您必须使用
左：“数字”
并添加
顶：“数字”
。在
绝对
和
固定
中，必须在每个轴上至少添加一个点，即X轴：左侧或右侧，Y轴：顶部或底部。如果您不添加相对于绝对值的父级，它将是整个页面的绝对值


问题一：不要对页脚使用
position:absolute
。请添加代码段，并告诉我有关要在文本下添加的图像的更多信息。请所以我可以理解你的问题他们认为我正确地更新了代码片段。对不起，我是新手。这张图片是我设计的另一个网站的长截图。我希望整个图像都能显示出来。希望这有帮助，谢谢！您可以看到页脚与图像重叠的位置。我希望此页脚被推到底部，图像填充页面当您说要将页脚推到底部时，您的意思是将其固定在视口的底部（即始终可见？），还是将其放在其他内容的末尾，以便在向下滚动之前看不到它？不管怎样，我不明白你为什么给它绝对的位置；问题一：不要对页脚使用
position:absolute
。请添加代码段，并告诉我有关要在文本下添加的图像的更多信息。请所以我可以理解你的问题他们认为我正确地更新了代码片段。对不起，我是新手。这张图片是我设计的另一个网站的长截图。我希望整个图像都能显示出来。希望这有帮助，谢谢！您可以看到页脚与图像重叠的位置。我想把这个页脚复制到