我把box2和box3浮动,也就是脱离表转文档流了,后面的box4没设浮动,box4为什么没有上移,占掉box2,3的空间呢?

源自：4-1 清除浮动

我把box2和box3浮动,也就是脱离表转文档流了,后面的box4没设浮动,box4为什么没有上移,占掉box2,3的空间呢?

<!doctype html>
<html>
<head>
	<meta charset="utf-8"/>
	<title></title>
	<style>
		.box1{
			width:700px;
			height:700px;
			background-color:#0554B8;
		}
		.box2{
			width:350px;
			height:350px;
			background-color:#B9998B;
			float:left;
		
		}
		.box3{
			width:350px;
			height:350px;
			background-color:#DC5825;
			
		}
		.box4{
			width:700px;
			height:350px;
			background-color:#050505;
		}
		
	</style>
</head>
<body>
	<div class="box1">
		<div class="box2">
		</div>
		<div class="box3">
		</div>
		 <div class="box4">
		</div>
	</div>
</body>
</html>

提问者：weibo_无印良品h_03204551 2016-10-04 15:27

个回答

普雅果

2016-10-05 11:46:46

已采纳

仔细检查代码，box3的css样式设置中，没有添加float:left，添加之后，box4就会上移占据box2,3的空间

0
慕粉昵称已占用

2017-01-23 11:00:30

你真是粗心大意啊

0