有两个div，因为div没有高度，所以下面的div的margin-top无效

<div class='user-info-container'>
    <div class='user-info'>
    </div>
</div>
<div class='card-info-wrapper'>
        <div class='card-info-container'>
            <div>
                <div>1</div>
                <div>2</div>
                <div>3</div>
            </div>
        </div>
    </div>

user-info-container类无高度，user-info高度为100px

对card-info-wrapper使用margin-top: 10px 会与user-info-container重叠，怎么解决？