使用class的样式div不起作用而不使用类作品

Question

我现在已经搜索了一段时间的解决方案，并且无法找到解决我问题的任何内容。我有一个简单的代码，我希望垂直覆盖整个屏幕。这是我试图设计的一些代码：

<div id="html" class="txt">
    <textarea id="htmltxt"></textarea>
</div>

当我使用这种风格时：

div {
    height: 100%;
}

有效。但后来我为每一个div设计风格，我不想要那个。所以我试过这个：

.txt {
    height: 100%;
}

而且：

#html {
    height: 100%;
}

这不起作用。我对div和class的基本理解，它应该给出相同的结果。有什么建议吗？

编辑：

问题出现的新链接。如果删除div样式，高度将变为最小。 https://jsfiddle.net/s6ery4hb/1

编辑：

基本上我希望div与class = txt和textarea从菜单到每个设备屏幕的底部。

Answer 1

您必须设置id包装器

#wrapper { height: 100% }

Answer 2

您可以使用视口高度，如下例所示：

＆＃13;

＆＃13;

html, body {
  margin:0;
  padding:0;
}

div#html {
  height:100vh;
  background-color:blue;
}

＆＃13;

<div id="html" class="txt">
    <textarea id="htmltxt"></textarea>
</div>

＆＃13;

＆＃13;

＆＃13;