极客观点
项目管理
HarmonyOS
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>浮动布局</title>
<style>
.box1{
height:50px;
background: red;
float:left;
}
.box2{
height:50px;
background: blue;
float:left;
}
</style></head>
<body>
<div class="box1">fff</div>
<div class="box2">fff</div>//当p元素的内容只用一行时候，会和div在一行，但p内容多的时候，就会挤到div下面，不会产生文字环绕，这是为什么?
<p>nihaonihaonihaonihaonihaonihaonihaonihaonihaonihaonihaonihaonihaonihaonihaonihaonihaihaonihaonihaonihaonihaoni1111ddddddddddddddddddd11111haonihaonihaonihaonihaonihaonihao11111111111dddddddddddddddd1</p></body>
</html>