单选题

&ltstyletype="text/css"&gt.area{hei...

Question

<style type="text/css">

.area {

height: 100px

}

.box {

transition: height 1s

background: #000

}

</style>

<div class="area">

<div class="box"></div>

</div>

<script>

document.querySelector('.area').addEventListener('click', () => {

document.querySelector('.box').style.height = '100px'

})

</script>

点击 area，box 高度的表现是？

A. 高度保持 100 不变

B. 高度保持 0 不变

C. 高度从 0 渐变为 100

D. 高度从 0 瞬变为 100