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

設置浮動后為什么綠色部分沒上去跟白色的部分在一行

白顏色的部分設置為左浮動之后，為什么綠色的部分沒上去呢？總寬度960px，白色部分是800px,綠色部分是140px,應該是可以放下的呀？

09:03

qq_小草_15

2016-02-27

源自：網頁布局基礎 3-3

關注問題我要回答

960

操作

收起

4 回答

溪水一流回答被采納 +3 積分
2016-02-27

這個只是設置了left的浮動，沒有設置right部分的浮動，所以綠色部分是不受影響的

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

#1

設置了浮動的元素是會影響緊跟著的后面的元素的啊，你怎么說綠色的不受影響呢？？

2016-04-04 回復有任何疑惑可以回復我~

#2

qq_那一眸淚痕_0 回復 CoffeeandTea

我的白色那部分也沒有出現，是為什么呢？

2016-05-24 回復有任何疑惑可以回復我~

慕移動9181930
2022-03-25

當前老師如果有事或者身體不舒服等特殊情況的時候，會找其他老師客串一下，以免耽誤課程上線的時間J S 中多了一個大括號，還有在 o p e n 中，在添加一個屬性 &#0 3 9 ;_b l a n k &#0 3 9 ;,還有一個是考慮瀏覽器，可以在本機上測試下。

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

Fstar
2016-02-28

設置了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>

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

#1

qq_小草_15 提問者

謝謝啦，我已經明白啦

2016-02-29 回復有任何疑惑可以回復我~

#2

設置了浮動的元素，仍舊處于標準文檔流中

2016-02-29 回復有任何疑惑可以回復我~

#3

設置了浮動的元素，仍舊處于標準文檔流中啊，怎么你們都說會脫離呢？

2016-04-04 回復有任何疑惑可以回復我~

查看2條回復

qq_小草_15 提問者
2016-02-27

但是在綠色的設置left浮動之后，卻影響了最底層footer的浮動，footer那塊就靠在綠色浮動塊的右側，需要使用clear來清除？是為什么？

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

舉報

0/150

提交

取消

網頁布局基礎

參與學習 214678 人
解答問題 1833 個

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

設置浮動后為什么綠色部分沒上去跟白色的部分在一行

我要回答關注問題

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

幫助反饋 APP下載

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

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