亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

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
提交
取消
網頁布局基礎
  • 參與學習       214662    人
  • 解答問題       1833    個

讓你精通CSS中三大定位機制,徹底掌握網頁布局的相關知識

進入課程

float有沒有脫離正常文檔流的深思

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號