<div class="father">
        <div class="me">
            
        </div>
</div>

.father {
   
            background-color: aqua;
}
.me {
   
            width: 200px;
            height: 200px;
            background-color: red;
}

现在我们的效果是这样的
在这里插入图片描述
当把样式修改为

.me {
   
	float: left;
    width: 200px;
    height: 200px;
    background-color: red;
}

在这里插入图片描述
因为father盒子我们没设置高度和宽度，之前显示出效果的原因是me我们设置了高度，father被撑开了。