主页 / 问题 / 1380725
Accepted
Risto
Asked:2022-07-10 23:19:55 +0000 UTC2022-07-10 23:19:55 +0000 UTC

为什么块元素会忽略显式高度？

  • 772

尽管有 的明确指示height: 100%，<div>但它的行为与 with 类似height: auto，尽管它width: 100%可以正常工作。我什至重新阅读了该物业的描述height，如果我是个傻瓜并且它不能那样工作怎么办？但是不，它完全符合我的记忆：百分比值设置相对于父元素或屏幕的高度。试图明确设置高度<body>- 也没有帮助。为什么会发生这种情况以及现在如何使高度全屏？

  #startscreen {
  text-align: center;
  height: 100%;
  width: 100%;
  background-color: gray;
}
#startscreen span {
  vertical-align: bottom;
}
<div id="startscreen"><span>Нажмите для продолжения</span></div>

css

1 个回答

  1. Best Answer

    对于任意块元素height，百分比不起作用。如果外部块的高度是根据内容计算的，那么以 % 为单位的高度不起作用，并被替换为height: auto. 除非元素具有position: absolute.

    从CSS 2.1规范开始就是这样。在您的情况下，您还可以在父级上悬挂 100% 的高度。

    body,
html {
  height: 100%;
  margin: 0;
}

#startscreen {
  text-align: center;
  height: 100%;
  width: 100%;
  background-color: gray;
}

#startscreen span {
  vertical-align: bottom;
}
    <div id="startscreen"><span>Нажмите для продолжения</span></div>

    • 1

相关问题