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

<del id="jqu2a"></del>

首頁免費課 CSS深入理解之float浮動問答

CSS深入理解之float浮動

                
                張鑫旭
            頁面重構設計

                    查看講師更多課程 
                    張鑫旭講師的其他課程
                
CSS深入理解之border
中級·56793
免費課程
                                
CSS深入理解之padding
中級·52477
免費課程
                                
CSS深入理解之margin
中級·55936
免費課程
                                
CSS深入理解之z-index
中級·40878
免費課程
                                
CSS深入理解之relative
中級·47916
免費課程
                                
CSS深入理解之vertical-align
中級·39332
免費課程
                                
                難度初級
            
                時長50分
            
                學習人數
            
綜合評分9.17
                            369人評價
                        查看評價
                                9.5
                                內容實用
                            
                                9.1
                                簡潔易懂
                            
                                8.9
                                邏輯清晰

全部評論問答未解決精華

BFC是什么？是怎么設置的？

最新回答 / 慕塵roz

zoom:1能夠觸發haslayout特性，用于兼容IE6/7的清除浮動。但絕大多數現代瀏覽器不兼容。以下是老師課程中關于清除浮動的總結，希望對你有幫助：清除浮動的兩種基本方法：1、在高度塌陷的父元素底部插入具有clear:both聲明的元素，比如在html中插入一個多余的塊級元素div，或者插入不兼容IE6/7的CSS偽元素after。這種方法與外界有接觸，可能導致頂部margin重疊。2、觸發BFC/haslayout這兩種特性。與外界隔絕，沒有margin重疊問題。BFC，Block formatt...

1 回答 2509 瀏覽 7-5 浮動與同一行的差異

2017-01-23

左邊div左浮動，右邊div設置display：table-cell，為什么會實現只能布局？

最新回答 / qq_輕撫邂逅_0

右側display:table-cell,等同于display:inline-block,是一個意義，可以去查下~

1 回答 1665 瀏覽 6-2 浮動與兩側皆自適應的流體布局

2017-01-14

float 導致浮動元素脫離了原來文檔流，好像漂浮在上面一樣，你浮動的只是button， &nbsp 空格實體字符并沒有float，所以看不到空格了！

最贊回答 / 風之流動

這是什么鬼。。。

1 回答 1234 瀏覽 5-1 float浮動的濫用

2017-01-13

每段自動空一行怎么實現的

+ 我來回答回答最高可+2積分

2 回答 2052 瀏覽 1-2 浮動的原本作用-文字環繞

2017-01-05

float和margin

最贊回答 / weixin_慕標1565747

clear：both是加在父元素內容的底部，你這里都沒有父元素，清除哪個的高度塌陷？

6 回答 1033 瀏覽 4-2 clear與margin重疊

2017-01-05

.clearfix應用在包含浮動子元素的父級元素上，這好像不對啊

最新回答 / charsandrew

請看下具體的css代碼.clearfix:after{}是表示在.clearfix元素的內容后添加內容，你的疑惑是源于對于:after{}選擇器的不理解導致的。

2 回答 1309 瀏覽 4-1 清除浮動

2017-01-05

每次都是把玩就好，淺一點的還能把玩，深一點的希望多一點注釋呀，不然把玩不了

最贊回答 / DD慕帆

這只是一點建議

1 回答 933 瀏覽 7-2 含clear的浮動元素包裹不正確的bug

2016-12-10

似乎這個width不指定寬度也沒什么問題。

最新回答 / 走馬勿觀花

我也挺納悶的，去掉width也不影響兼容，不明意義是什么

2 回答 1023 瀏覽 6-2 浮動與兩側皆自適應的流體布局

2016-12-06

哪位大牛能幫忙看一下，為什么不能給one和two這兩個加邊框？？？一加邊框就失效！??！

最新回答 / 慕粉4131441

*{margin:0;padding:0;box-sizing: border-box;}加上這個試試

2 回答 1048 瀏覽 6-1 Float與流體布局

2016-12-04

一個div下放一個圖片，圖片加浮動右邊。div下的文字也沒反應呀怎么回事？

最新回答 / 我喜歡李小流氓_Z521Q

div標簽的height設置為0就好

4 回答 3380 瀏覽 4-1 清除浮動

2016-12-02

不用浮動去做磚頭布局，那用什么去寫這種布局

最新回答 / javdroider

這仨種布局有很多實現方法，但是常用的還是float方法去實現這三種布局吧

2 回答 1077 瀏覽 5-1 float浮動的濫用

2016-10-30

老師能讓哪個女同學露個臉嗎？

最新回答 / 摘星星的人1

<...圖片...>那個女同學

2 回答 1144 瀏覽 1-1 float的歷史

2016-10-26

在按鈕1~4后添加文字后，為什么trigger按鈕上方出現了空格

最贊回答 / 我不是管家

那不是間距是由于文符帶來的基線冗余，其實就是行高，解決辦法就是fong-size:0或者line-height：0；

2 回答 1379 瀏覽 5-2 float浮動去空格

2016-10-22

想知道這個變換瀏覽器來測試效果的軟件叫啥？

最新回答 / 吉夫

可能是樓上說的ie11，按F12調出開發者工具，在仿真那里找

4 回答 1243 瀏覽 6-1 Float與流體布局

2016-09-27

求教，if條件句？

最新回答 / 自_由

意思是存在這幾個元素就執行下面操作。

2 回答 1069 瀏覽 5-3 浮動與display:block化

2016-09-13

首頁上一頁 1 2 3 4 5 6 7 下一頁尾頁

開始學習

課程須知: 既適合學習過CSS基礎知識的新手深入學習，也歡迎有經驗的小伙伴加深了解噢！

老師告訴你能學到什么？: 通過追溯CSS/HTML發展歷史，知道Float出現的原本作用是什么，從而可以幫助我們解答很多疑惑。

微信掃碼，參與3人拼團

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

幫助反饋 APP下載

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

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

友情提示：

您好，此課程屬于遷移課程，您已購買該課程，無需重復購買，感謝您對慕課網的支持！

查看已購買的課程

本次提問將花費2個積分

你的積分不足，無法發表

為什么扣積分？

確認取消

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分？

確認取消

舉報

0/150

提交

取消