我有以下简单的代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
  <title>Live Feed</title>

  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />

  <style>
    body {
      margin: 0px;
      padding: 0px;
    }
  </style>
</head>

<body>
  <div style="background-color: #eeaabb; width: 250px; height: 100%; border-right: solid 1px #e1e1e1;">
    I should be tall
  </div>
</body>

</html>

但是当高度为100%时,div不会显示.为什么?

推荐答案

您需要在所有父元素上设置fiddle%的高度,在本例中是body和html.这fiddle表明它是有效的.

html, body { height: 100%; width: 100%; margin: 0; }
div { height: 100%; width: 100%; background: #F52887; }
<html><body><div></div></body></html>

Html相关问答推荐

按钮的字体重量在鼠标悬停时随过渡而变化

CURL邮箱中的图像不能调整其大小

如何防止可见的滑动抽屉,同时转移HTML方向?

使用无限数量的元素创建特定的CSS网格

带有MathJax SVG的HTML代码在XHTML中不起作用

创建一个带有div和径向渐变的全宽半圆

我应该怎么做才能显示出整个字符串?

滚动两个不同高度的DIV;一个等待另一个

希望平稳过渡到悬停状态

Flex:第一个 div 有列,下一个 div 有行

当div位于flexbox中时,如何使div的宽度与高度相同

四开将一个 qmd 文档中的单词链接到另一个 qmd 文档中的单词

如何使用CSS将页面标题水平居中对齐

我正在使用 NVDA 并多次读取关闭按钮,但它的读取非常完美

调整窗口大小时文本重叠导航栏

使用 sprite 的问题,字符 sprite 中的额外边距

父背景仅在子元素中可见

右对齐 bootstrap 导航项而不是下拉菜单

为什么我的动画会向 Moz Firefox 中的微调器添加人工制品?

根据正则表达式 attr 从 read_html 过滤表格