怡红院老首页,九九日精品

首頁免費課 CSS深入理解之margin 問答

CSS深入理解之margin

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

                    查看講師更多課程 
                    張鑫旭講師的其他課程
                
CSS深入理解之border
中級·56792
免費課程
                                
CSS深入理解之padding
中級·52477
免費課程
                                
CSS深入理解之z-index
中級·40876
免費課程
                                
CSS深入理解之relative
中級·47914
免費課程
                                
CSS深入理解之vertical-align
中級·39329
免費課程
                                
CSS深入理解之line-height
中級·43083
免費課程
                                
                難度中級
            
                時長 1小時23分
            
                學習人數(shù)
            
綜合評分9.63
                            172人評價
                        查看評價
                                9.8
                                內(nèi)容實用
                            
                                9.7
                                簡潔易懂
                            
                                9.4
                                邏輯清晰

全部評論問答未解決精華

甄橚

講的有深度

0 7-1 了解CSS margin-start and margin-end

2017-01-21

tang1001

鼓掌鼓掌，張老師

0 7-1 了解CSS margin-start and margin-end

2017-01-19

dollzcx

666,那個margin-right設(shè)成復制的做法之前看bootstrap源碼里面row類見過,但是沒明白.

1 5-1 CSS margin負值定位

2017-01-17

dollzcx

這個問題一直遇到過但是沒搞懂原理這里弄懂了謝謝up

0 3-1 正確看待CSS的margin重疊

2017-01-15

第三個盒子沒有出現(xiàn)margin-top重疊問題，請問是修復了嗎？

已采納回答 / SvenAs

????????事實上，你這里的三個元素都沒有發(fā)生margin重疊，你把father1和son2加上margin-top，會發(fā)現(xiàn)，他們都沒有重疊了。margin重疊只發(fā)生在普通的block元素上，加上float雖然也會使元素block，但卻不是普通的block元素，應(yīng)該是脫離文檔流的block元素,視頻前面也說了，float和absolute元素除外。把father1,2,3的float去掉。在每個盒子外面加一個盒子再加上float:left看看吧

5 回答 1637 瀏覽 3-1 正確看待CSS的margin重疊

2017-01-13

Amoyensis

不止是div，裸span也是不會影響任何布局，這兩個標簽是無語義化的，區(qū)別是div是塊級元素，span是行內(nèi)元素，因為無語義，本身就是一個空的，毫無效果的，所以div+class才被當作萬金油用

4 3-1 正確看待CSS的margin重疊

2017-01-12

十億光年的通話

從此前段是一門學問。

2017-01-09

南寧吳彥祖

不理解的童鞋看個兩三遍真的有不一樣的體會，感謝張老師

1 7-1 了解CSS margin-start and margin-end

2016-12-30

咸魚123

我想問你這效果是怎么搞出來的，又沒設(shè)置寬高

1 1-1 CSS margin與容器的尺寸

2016-12-28

wzcxing

厲害，我的哥~

0 4-1 理解CSS中的margin auto

2016-12-28

林希小岸

讓它變寬的想法，真的一開始沒想到的，不錯哈哈

0 5-1 CSS margin負值定位

2016-12-26

林希小岸

課講得很好，受教了。

0 4-1 理解CSS中的margin auto

2016-12-26

請問最后一個栗子，為什么不能在<div>里加上padding-right:150px;

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

3 回答 1343 瀏覽 5-1 CSS margin負值定位

2016-12-26

林希小岸

老師有博客，我怎末不知道？

0 1-1 CSS margin與容器的尺寸

2016-12-24

阿磊哥哥

margin原來可以這樣用?。?/div>

2016-12-15

qq_來塊心靈雞肉_0

循環(huán)，回放無數(shù)遍啊，很厲害，很有用哦

0 6-1 CSS margin失效情形解析

2016-12-13

首頁上一頁 11 12 13 14 15 16 17 下一頁尾頁

開始學習

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

老師告訴你能學到什么？: margin與元素尺寸的關(guān)系、margin的百分比單位、正確看待CSS的margin重疊、深入理解margin：auto、剖析CSS margin負值定位的常見應(yīng)用、剖析在使用margin時容易發(fā)生困惑的無效情形、擴展介紹margin-start/margin-end屬性

微信掃碼，參與3人拼團