Html 不管怎样，section赢了'；t变为100%浏览器高度

以下是网站：

我只是想把一些标题文本直接放在占据100%浏览器高度的div的中心。代码如下：

HTML:

所以这是很简单的事情。只需要一些输入，了解为什么我的#登录页部分不是视口高度的100%

注意在这种情况下，另一个令人困惑的变量可能是，我有一个

，其溢出-x：隐藏覆盖了整个页面。它可能不会影响任何事情，但只是指出它

---

这里是提琴：

尝试将position:absolute添加到#logo:

---

更好的方法是使用display:table到容器，table-cell到子容器。检查此提琴：

根据注释中的讨论，将

部分移动到包装器div的正上方，然后：

（a） 使
#徽标
绝对定位，左侧为
20%

或者更好，因为它不涉及试错：

（b） 制作
#登录页
：

display: table;
width: 100%;

和
#logo
：

display: table-cell;
vertical-align: middle`

身体{top:0；left:0；right:0；bottom:0；…我回答了这个问题，但随后删除了我的答案，因为这个问题很可能会被标记为重复。如果你用谷歌全屏div-css搜索你的问题，你会得到很多解决方案。可能的重复我们都必须从某个地方开始，但请记住其他人都有问题在学习的过程中不断前进。总是在发布前搜索堆栈。欢迎来到堆栈溢出，推荐阅读：各位听我说。相信我，我已经搜索了所有这些。我对堆栈溢出并不陌生。这些都不是。正如你从代码中看到的，html和谷歌上的任何地方都一样。所以不要把重点放在t上事实上，它可能是重复的。看看是否有答案。谢谢你之前我使用了绝对位置。但是，在整个页面上，有一个带有溢出的-x:hidden；使绝对位置元素忽略溢出的-x:hidden；你能发布一个提琴吗？另外，你有没有尝试上面发布的display:table cell技巧？如果是我们的包装器div没有100%的高度，那么所有高度为100%的子div都无法计算100%的未定义高度。如果您的问题是div没有占浏览器高度的100%，使用vh单元可能会解决您的问题。请检查：在这种情况下，您不必将高度：100%添加到所有父div。是的，我已将包装器更改为具有高度但是，它使导航菜单变得无用，并且由于某种原因使它延伸到滚动条上。是的，但正如您所看到的，文本不在页面的正中央。类似这样的事情？您可以根据需要调整
#logo
的宽度和左侧是的，但正如我之前所说的。菜单溢出到滚动条顶部d变得没有反应（点击链接不起作用）好的，但是我看不到的问题是不可能解决的，所以你需要在小提琴或其他地方重现这个问题，希望得到答案。好的，我上传了样式表。你可以在jasontheodore.com上看到整个事情
 #logo {
   position:absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

display: table;
width: 100%;

display: table-cell;
vertical-align: middle`