我有一个div包含一些其他div本身包含来内容.在我的元素检查器中,它将容器显示为没有高度. div的高度不应该是它包含的元素的高度吗？

<div class="container">
    <div class="row yellow">
        <div class="column-1 red">
            column-1
        </div>
 
        <div class="column-1 blue">
            column-1
        </div>
 
        <div class="column-1 green">
            column-1
        </div>
 
        <div class="column-1 orange">
            column-1
        </div>
 
        <div class="column-1 red">
            column-1
        </div>
 
        <div class="column-1 blue">
            column-1
        </div>
 
        <div class="column-1 green">
            column-1
        </div>
 
        <div class="column-1 orange">
            column-1
        </div>
 
        <div class="column-1 red">
            column-1
        </div>
    </div>
</div>

这是一个jsfiddle：

HTML/CSS in question