极客观点
项目管理
HarmonyOS
box1左浮动，脱离了文档流。
box2无视它的存在占据了它的空间。
但是box1已经解析，所以背景是yellow,box2的颜色不显示了，为何box2的字体被挤出到outer外面了。
按照背景的解析方式，应当被覆盖在box1中，根本不显示。
<html>
<head>
<style>
#outer{
width:400px;
border:1px solid black;
}
#box1{
width:100px;
height:100px;
margin:10px;
float:left;
background-color:yellow;
}
#box2{
width:100px;
height:100px;
background-color:red;
margin:10px;
border:1px solid black;
}
p{
margin:0px;
padding:0px;
}
</style>
</head>
<body>
<div id="outer">
<div id="box1">box1</div>
<div id="box2">
<p>box2</p>
<p>box2</p>
</div>
</div>
</body>
</html>
请解释？
都用100px哪看的出来谁是谁啊……你把box1的高度改成小于100px的值（最好幅度大点比如50px）就明白了。