将底部设置为自身高度的100%-PHP中文网问答

问答

将底部设置为自身高度的100%

P粉098417223 2024-04-04 22:41:16 查看 1849

CSS3

我想设置一个元素，使其从页面视图中隐藏，并且其顶部恰好接触页面底部（该元素在视线之外）。当元素的高度恒定为 66px 时，我首先执行 botttom: -66px;' 。但现在我需要这个来处理任何大小的元素。

如果我执行 bottom: -100%; ，它会将其设置为父级大小的 100%。如何将其设置为自身高度的-100%。

Your Answer

提交

1 个回答

您正在寻找“position:fixed”和“transform:translateY(100%);”。这允许您将 div 移出视口 100%，与 div 的高度无关。

示例：

div {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 40px;
  background-color: red;
  color: #fff;
  transform: translateY(100%);
}

2024-04-05 15:26:28

提交

Hot Questions

function_exists()无法判定自定义函数

2024-04-29 11:01:01

google 浏览器手机版显示的怎么实现

2024-04-23 00:22:19

子窗口操作父窗口，输出没反应

2024-04-19 15:37:47

父窗口没有输出

2024-04-18 23:52:34

关于CSS思维导图的课件在哪？

2024-04-16 10:10:18

显示更多

Hot Tools

vc9-vc14（32+64位）运行库合集（链接在下方）

phpStudy安装所需运行库集合下载

VC9 32位

VC9 32位 phpstudy集成安装环境运行库

php程序员工具箱完整版

程序员工具箱 v1.0 php集成环境

VC11 32位

VC11 32位 phpstudy集成安装环境运行库

SublimeText3汉化版

中文版，非常好用