Question

我的代码正在运行，但我有点困惑。在某处我读到了如果你希望你的网站填满整个页面而不管视口，那么你必须在html文件中声明height: 100%，而不是因为旧浏览器而在css内部。这是真的吗？

我对这个解决方案没有任何问题，除了它在html中看起来很难看。

<html style="height: 100%;">
...
<div class="wrapper" style="height: 100%;">
    <div style="height: 100%;" class="side-nav">
        <div class="nav-title">I am the title</div>
    </div>
    <div style="height: 100%;" class="content">asd</div>
    <div style="height: 100%;" class="side-bar">asd</div>
</div>

我不知道如何向Google询问此问题，但我没有找到有关此设置的答案。如果你认为这是偏离主题的，请告诉我，我会删除，但我真的很好奇。

更新

为了不误导，我知道如何在css中声明它，我只是好奇这两种解决方案之间有什么区别。：）

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

.wrapper {
  overflow: hidden;
  background: #ccc;
  margin: 0 auto;
  height: 100%;
}

.side-nav, .content, .side-bar {
  float: left;
  height: 100%;
}

它现在一样，现在我知道了。

Answer 1

这不对。

如果您声明

html, body{
    height:100%;
}

在CSS文件中，无论视图端口如何，它都是100％。

如果您希望一切都是100%，请使用此

*{
    height:100%;
}

在CSS文件中。

*是一切选择器。

如何声明css＆＃34; global＆＃34;高度？在html文件里面或css文件里面？

1 个答案: