張鑫旭的CSS深刻理解之margin學習筆記
前提web
場景學習
父元素和第一個/最後一個子元素髮生重疊code
margin-top重疊:第一個子元素設置margin-top至關於父元素設置margin-topget
margin-bottom重疊:最後一個子元素設置margin-bottom相對於父元素設置margin-bottomit
空block元素髮生重疊(設置margin: 1em 0;只有1em高度)io
重疊計算table
做用前提和原理容器
前提block水平元素,未設置寬度的狀況下元素會自動填充容器;margin的做用是分配元素寬度之外的剩餘空間原理
垂直居中webkit
margin-start/margin-end:與流方向相關(direction, writing-mode)
margin-collapse: margin是否重疊,-webkit-margin-collapse: collapse(重疊)|discard(取消)|separate(分隔)