                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /網(wǎng)頁布局基礎(chǔ)

設(shè)置浮動(dòng)后為什么綠色部分沒上去跟白色的部分在一行

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

09:03

qq_小草_15

2016-02-27

源自：網(wǎng)頁布局基礎(chǔ) 3-3

關(guān)注問題我要回答

956

操作

收起

4 回答

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

這個(gè)只是設(shè)置了left的浮動(dòng)，沒有設(shè)置right部分的浮動(dòng)，所以綠色部分是不受影響的

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

CoffeeandTea

設(shè)置了浮動(dòng)的元素是會(huì)影響緊跟著的后面的元素的啊，你怎么說綠色的不受影響呢？？

2016-04-04 回復(fù) 有任何疑惑可以回復(fù)我~

#2

qq_那一眸淚痕_0 回復(fù) CoffeeandTea

我的白色那部分也沒有出現(xiàn)，是為什么呢？

2016-05-24 回復(fù) 有任何疑惑可以回復(fù)我~

慕移動(dòng)9181930
2022-03-25

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

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

Fstar
2016-02-28

設(shè)置了float的元素（就是left）會(huì)脫離文檔流，其它元素會(huì)忽視該元素（脫離文檔流詳細(xì)請看：https://www.zhihu.com/question/24529373/answer/29135021? )

關(guān)于視頻這個(gè)效果，你把.right里的height改成210px，再改成200px。你就知道left已經(jīng)脫離文檔流了。

這里給你個(gè)我自己寫的代碼吧。

<!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>無標(biāo)題文檔</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 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

qq_小草_15 提問者

謝謝啦，我已經(jīng)明白啦

2016-02-29 回復(fù) 有任何疑惑可以回復(fù)我~

#2

帥弟弟

設(shè)置了浮動(dòng)的元素，仍舊處于標(biāo)準(zhǔn)文檔流中

2016-02-29 回復(fù) 有任何疑惑可以回復(fù)我~

#3

CoffeeandTea