margin 補充查漏學習

2021-07-02 19:11:05 字數 611 閱讀 7225

1、 margin:屬性含義

2、 margin 邊框合併 當兩個垂直外邊距相遇時,它們將形成乙個外邊距。合併後的外邊距的高度等於兩個發生合併的外邊距的高度中的較大者

再說了白點就是:父元素的第乙個子元素的上邊距margin-top如果碰不到有效的border或者padding.就會不斷一層一層的找自己「領導」(父元素,祖先元素)的麻煩。只要給領導設定個有效的 border或者padding就可以有效的管制這個目無領導的margin防止它越級,假傳聖旨,把自己的margin當領導的margin執行。

對於垂直外邊距合併的解決方案上面已經解釋了,為父元素例子中的middle元素增加乙個border-top或者padding-top即可解決這個問題。

一般說來這個問題解釋到這裡,大多數文章就不會再深入下去了,但作為一名實戰開發者,最求的是知其然知其所以然,原本使用margin-top就是為了與父元素隔開距離,而按照你這麼乙個解法,其實是一種「修復」,為了「彌補修復」這個父子垂直外邊距合併這個css規範「bug」,而強制在父元素上使用border-top和padding-top,不舒服,也不容易記住,下次再發生這樣的情況還是會忘記這條準則,而且在頁面設計稿裡如果不需要border-top加個上邊框,這麼一加反而畫蛇添足,為以後修改留下隱患。

linux學習 查漏補缺

1.輸出結果重定向 命令 檔名 即為 將本應該在終端展示的結果輸出到乙個資料夾中 覆蓋式寫入 2.分屏顯示 這麼高大上。不就是橫排變成列麼 more 檔名 可以配合管道 一起使用 3.pwd 並沒有什麼卵用,終端已經顯示 顯示當前路徑 4.刪除資料夾 rmdir 5.ln建立鏈結命令 ln 原始檔 ...

DOM查漏補缺

使用getattribute 方法只能獲取屬性的文字內容,比如script或者style就不方便了,因此建議使用屬性的方法來獲取,即elenode.attr這種形式 但是自定義的標籤屬性必須使用getattribute 方法來獲得。屬性的方法會返回undefined 修改class通過屬性名的方法是...

CSS查漏補缺

從父類繼承 padding inherit 字母大寫 小寫,首字母大寫 h1 h2 credits 字母 漢字間距 letter spacing 0.2em 文字對齊方向 text align right 鏈結下劃線aa hover 首字母 首行 p.intro first letter p.int...