div 默认高度,div设置高度100%：代码示例

1、div 默认高度是根据其内容的高度来决定的。如果没有设置高度属性，div 的高度将会根据其内容的高度自动调整。这意味着如果 div 内没有内容，那么 div 的高度将会是0。如果 div 内有内容，那么 div 的高度将会根据内容的高度来自动调整。

示例代码：

<div>
  This is some content inside the div.
</div>

2、当我们想要设置 div 的高度为100%时，我们需要确保其父元素也有一个确定的高度。因为百分比高度是相对于其父元素的高度来计算的。如果父元素没有设置高度，那么 div 的高度设置为100%将没有效果。

示例代码：

<style>
  .parent {
    height: 300px;
  }
  .child {
    height: 100%;
    background-color: red;
  }
</style>
<div class="1bd6-3cde-55ff-d80a parent">
  <div class="3cde-55ff-d80a-219a child">
    This is some content inside the div.
  </div>
</div>

在上面的示例代码中，父元素 `.parent` 设置了一个固定的高度为300px。子元素 `.child` 的高度设置为100%，这意味着它将会占据父元素的100%高度。