張鑫旭的css深入理解之margin學習筆記前提
只應用於block元素
不考慮writing-mode的情況下，只發生在垂直方向
場景
兄弟元素發生重疊
父元素和第乙個/最後乙個子元素發生重疊
margin-bottom重疊：最後乙個子元素設定margin-bottom相對于父元素設定margin-bottom
空block元素發生重疊（設定margin: 1em 0;只有1em高度）
重疊計算
正正取大值
正負值相加
負負最負值
作用前提和原理
前提block水平元素，未設定寬度的情況下元素會自動填充容器；margin的作用是分配元素寬度以外的剩餘空間
垂直居中
margin-start/margin-end:與流方向相關（direction, writing-mode）
margin-collapse: margin是否重疊，-webkit-margin-collapse: collapse（重疊）|discard（取消）|separate（分隔）
學習筆記 CSS深入理解之float
張鑫旭的css深入理解之float浮動學習筆記float為產生文字環繞效果而生 包裹 即產生乙個bfc 破壞 使父容器塌陷，元素脫離文件流，產生inline boxes環繞 方式一 使用clear，類似於產生乙個連線索道，使前文和後文關聯，會產生margin重疊效果。方式二 父容器bfc或者hasl...
CSS深入理解學習筆記之relative
1 relative和absolute的相煎關係 限制作用 限制left top right bottom定位 限制z index層級 限制在overflow下的囂張氣焰。relative和fixed限制作用 限制z index層級。2 relative和定位 特性 相對自行進行定位 無侵入，不影響...
CSS深入理解學習筆記之relative
1 relative和absolute的相煎關係 限制作用 限制left top right bottom定位 限制z index層級 限制在overflow下的囂張氣焰。relative和fixed限制作用 限制z index層級。2 relative和定位 特性 相對自行進行定位 無侵入，不影響...