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

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

来源：4-1 清除浮动

weibo_无印良品h_03204551

2016-10-04 15:27

<!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>

写回答关注

2回答

普雅果

2016-10-05 11:46:46

已采纳

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

1 0

weibo_...

谢谢，是我自己大意了

2016-10-06 16:50:42

共 1 条回复 >
慕粉昵称已占用

2017-01-23 11:00:30

你真是粗心大意啊

0 0

CSS深入理解之float浮动

课程将会从感性的认识的角度讲解CSS float属性，浮动的前世今生

75978 学习 · 461 问题

查看课程

相似问题

float 导致浮动元素脱离了原来文档流，好像漂浮在上面一样，你浮动的只是button， &nbsp 空格实体字符并没有float，所以看不到空格了！

回答 1

float是脱离了文档流的

回答 3

float不是脱离了文档流嘛？

回答 2

使用float不是会脱离文档流么?为什么不是文字覆盖在图片上呢?

回答 4

clear 清除浮动和 BFC清除浮动有什么区别？

回答 1

打开慕课网App查看更多内容