float脫離標準文檔流
到底為什么給第一個塊設置float:left;了,給第二個還沒有設置float的時候,為什么第二個塊不移到第一個塊的右面??如果說第一個塊已經沒有在mainbody里,而第二個塊還在mainbody里,所以起不了作用的話,那為什么上節課的就可以???
到底為什么給第一個塊設置float:left;了,給第二個還沒有設置float的時候,為什么第二個塊不移到第一個塊的右面??如果說第一個塊已經沒有在mainbody里,而第二個塊還在mainbody里,所以起不了作用的話,那為什么上節課的就可以???
2017-04-20
舉報
2020-01-21
作者:weibo_哆啦A夢有大口袋_0
鏈接:http://www.xianlaiwan.cn/article/8915
來源:慕課網
第一個元素浮動之后,會讓它脫離文檔流,也就是說當它后面還有元素時,其他元素會無視它所占據了的區域,直接在它下面布局。所以第二個元素作為塊級元素獨占了一行,在它下面布局了。而上一節課是文字,文字會認同浮動元素所占據的區域,圍繞它布局,也就是沒有脫離文本流。
2017-06-14
因為div是塊級元素獨占一行吧
2017-04-20
2017-04-20
<!--當元素沒有設置寬度值,而設置了浮動屬性,元素的寬度隨內容的變化而變化-->
<!--當元素屬性設置浮動性后,會對相鄰的元素造成影響,相鄰元素特指緊鄰后邊的元素-->
體會一下上一節老師說過的這兩句話,本節的情況是,包裹left ?和 right兩個div的wrap設置了寬度。你再自己思考一下