为了账号安全,请及时绑定邮箱和手机立即绑定

float有没有脱离正常文档流的深思

老师讲课中说的是float没有脱离了文档流,一直处于困惑中,经过学习感觉应该是出于那种半脱离文档流看,是与position不同的脱离方式。

看如下代码:

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

</head>

<body>

<div style="border:1px solid red;">

  <div style="float:left;width:100px;height:100px;border:1px solid green;position:absolute;left:0;top:0;">

</div>

</div>

</body>

</html>

第二个div并没有将第一个div撑开!说明它已经不处于正常的文档流中了。


正在回答

1 回答

他是相对于父级元素   而absolutely是对于DOM树结构的  他们脱离的相对位置不同

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
网页布局基础
  • 参与学习       214704    人
  • 解答问题       1756    个

让你精通CSS中三大定位机制,彻底掌握网页布局的相关知识

进入课程

float有没有脱离正常文档流的深思

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信