为什么我的div重叠一起了，该怎么分开。求解

<style>

*{padding: 0;

margin: 0;}

.lv1{height: 600px;

width: 1500px;

border: solid red;

}

.lv2{width: 450px;

height: 450px;

border-radius: 50% 50%;

border: solid white;

background: url("cd_img.jpg");

float: left;

}

.lv3{width: 500px;

height: 300px;

border: solid black;

float: right;

}

<style>

</head>

<body>

</div>

</div>

</div>

你的div是嵌套的，当然在一起

div之间你可以设置外边距，进行分开,比如<div style="margin-top:15px"></div>意思就是这个div距离上一个div有15px的距离，根据你的需求自己进行设置距离

lv3的width(500px)币lv2的大（450px），lv2又没有设置overflow隐藏，所以lv3撑出来了。

解决办法：去掉lv3的float属性，或者改为左浮动

    .lv3 {
        width: 500px;
        height: 300px;
        border: solid black;
    }

或者

    .lv3 {
        width: 500px;
        height: 300px;
        border: solid black;
        float: left;
    }

您好，我是有问必答小助手，您的问题已经有小伙伴解答了，您看下是否解决，可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案，可以点击【采纳】按钮，给回答的小伙伴一些鼓励哦～～

ps:问答VIP仅需29元，即可享受5次/月有问必答服务，了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632