设置浮动后为什么绿色部分没上去跟白色的部分在一行
白颜色的部分设置为左浮动之后，为什么绿色的部分没上去呢？总宽度960px，白色部分是800px,绿色部分是140px,应该是可以放下的呀？
4 回答
设置了float的元素（就是left）会脱离文档流，其它元素会忽视该元素（脱离文档流详细请看：https://www.zhihu.com/question/24529373/answer/29135021 )
关于视频这个效果，你把.right里的height改成210px，再改成200px。你就知道left已经脱离文档流了。
这里给你个我自己写的代码吧。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{margin:0;padding:0;}
#left{width:300px; height:200px; background-color:red;float:left;}
#right{width:300px; height:210px; background-color:saddlebrown;}
</style>
</head>
<body>
<div id="left"></div>
<div id="right"></div>
</body>
</html>查看2条回复
举报
0/150
提交
取消
