时间戳

首页 > 解决方案 > Div 没有出现在 Html 和 Css 中

html - Div 没有出现在 Html 和 Css 中

问题描述

div不会出现，有什么想法吗？我猜我在某个地方犯了一些菜鸟错误

<!DOCTYPE html>

<style>

#fullcontainer {
  background: black;
}

</style>

<body>
  <div id="fullcontainer">

      <div class="boxinfo" id="box1"></div>
      <div class="boxinfo" id="box2"></div>
      <div class="boxinfo" id="box3"></div>
      <div class="boxinfo" id="box4"></div>

  </div>
</body>

标签： htmlcss

解决方案

div 不会在视觉上显示，因为它们没有任何要显示的内容或给定 CSS 尺寸。因此，它们的电流height为 0。

例如，如果您要给他们一些文本内容，那么就会显示出来。

由于其父级的背景颜色为黑色#fullcontainer，我已将容器设置color为白色以便能够读取其文本内容：

<!DOCTYPE html>

<style>

#fullcontainer {
  background: black;
  color: white;
}

</style>

<body>
  <div id="fullcontainer">

      <div class="boxinfo" id="box1">Box 1</div>
      <div class="boxinfo" id="box2">Box 2</div>
      <div class="boxinfo" id="box3">Box 3</div>
      <div class="boxinfo" id="box4">Box 4</div>

  </div>
</body>

推荐阅读