要将div元素的高度自适应浏览器窗口的高度，可以使用CSS中的单位vh（视口高度）。 假设要将div元素的高度设为浏览器窗口高度的50%：
```html
<style>
.my-div {
height: 50vh;
}
</style>
<div class="my-div">
<!-- 这里放置div的内容 -->
</div>
```在上面的例子中，将`.my-div`类的高度设置为50vh，表示div元素的高度将自动根据浏览器窗口的高度进行调整，始终保持50%的比例。 你可以根据需要调整vh单位的值，来实现不同的比例和自适应效果。