亚洲第一女人av,中文字幕亚洲综合久久2020

首頁免費(fèi)課 CSS深入理解之float浮動問答

CSS深入理解之float浮動

                
                張鑫旭
            頁面重構(gòu)設(shè)計

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

全部評論問答未解決精華

慕粉0852133926

最后掌聲我給滿分

0 7-4 浮動元素倒數(shù)2個浮動最后一個字符重復(fù)bug

2017-03-14

為什么實現(xiàn)第二種需要用div包裹著p才能實現(xiàn)

已采納回答 / 六翅獸

我是一個菜鳥，剛剛接觸css，看到師兄的問題，我實際測試了下，確實如師兄所說不能實現(xiàn)。首先p和img都浮動left，那么它們兩在沒設(shè)置margin的時候應(yīng)該是僅僅挨在一起的。p標(biāo)簽內(nèi)容比較多，占據(jù)整個瀏覽器窗口，多行顯示，img被擠到下一行。最為關(guān)鍵的是你的p設(shè)置width：100%；那個p占據(jù)整個瀏覽器窗口的寬度，此時的margin-right被擠到瀏覽器窗口右側(cè)不可見的區(qū)域，此時設(shè)置img的格式，其實它就在那個右側(cè)不可見的區(qū)域里。要解決的話你把width：100%；去掉就行。一個菜鳥的分解，如有不對...

2 回答 2021 瀏覽 6-3 浮動與右側(cè)尺寸固定的流體布局

2017-03-14