html - 我可以使用一个div的高度来实现另一个div的高度吗？

Question

好吧，我试着把一个 div 放在 100% 的高度。我阅读了一些教程并做了这个：

html {
    height: 100%;
}

body{
    padding:0px;
    margin:0px;
    height:100%;
    position:relative;
}

而且进展顺利。我想要的 div 更改为 100% 高度，但出现了滚动条。这是因为我有一个菜单 div。如果我没有这个菜单 div，我的另一个 div 将是 100% 的高度，没有滚动条。

问题是：如何“忽略”菜单的大小（高度）以使滚动条不出现？也许我应该使用“清除：”字段？

score 1 · Accepted Answer

1

如果你想禁用滚动条，你应该使用：

overflow:hidden;

于 2013-05-31T20:16:16.013 回答

score 0 · Accepted Answer

只要菜单在页面flow中，他的高度就不会被忽略。

但是，您可能想要做的是在菜单上使用绝对定位或固定定位，这样它就会锄出，并且您的主要元素占据所有高度，而不会被菜单向下推。

score 0 · Accepted Answer

您应该将其设置min-height为避免滚动条

html {
   min-height: 100%;
}

body{
    padding:0px;
    margin:0px;
    min-height: 100%;
    position:relative;
}

3 回答 3