gpt4 book ai didi

html - 将一个 div 放置在另一个 div 下方距屏幕底部 x 像素的位置

转载 作者:太空宇宙 更新时间:2023-11-04 07:30:47 25 4
gpt4 key购买 nike

我需要在显示数据行(动态)后在网页底部显示图像。

看图

Diagram

我有以下html代码;

<div id="wrapper">
<body topmargin="0" leftmargin="0" rightmargin="0" marginheight="0" marginwidth="0" SCROLL="no" >
<div class="data_area">
// rows of data. could be between 1 and 10 rows.
</div>

<div class="logoImage">
<div class="wrapperImage">
<img src="../../images/imagee.png" width="289" height="143" />
<div class="TodaysDate"><?php echo $ToDayDate;?></div>
</div>
</div>
</body>
</div>

CSS:

#wrapper {
width: 1080px;
position: relative;
}

.data_area {
min-height: 120px;
width: 100%;
clear: left;
float: left;
}

.logoImage {
text-align: center;
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
}

.wrapperImage {
text-align: center;
vertical-align: middle;
}

即使只有一行数据,我也需要图像 div 保留在页面底部。

最佳答案

可以使用绝对定位吗?你可以这样做:

.logoImage {
position: absolute;
bottom: 25px;
}

这是你想要的效果吗?

或者,如果您希望在用户滚动时固定它并使其从底部保持 25px:

.logoImage {
position: fixed;
bottom: 25px;
}

关于html - 将一个 div 放置在另一个 div 下方距屏幕底部 x 像素的位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49433748/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com