盒子重叠问题

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>浮动模型</title>
<style type="text/css">
.a{float:left;width:200px;height:400px;background-color:black;}
.b{}
</style>
</head>
<body>
 
         <div class="a"></div>
         <div class="b">
            <p>注意标签的语义化,无序列表需使用ul和li标题部分要使用h3标签。
  每个li结构当中会有一个i标签用来展示icon。
            </p>
       </div>
      
</body>
</html>

单独设置.a{float:left},为什么盒子a没有和盒子b重叠?自己做练习时,两个div盒子,给第一个设置浮动,两个就会重叠覆盖,这是为什么?

qq_小白_7
浏览 1474回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP