1、relative和absolute的相煎關係
限制作用：①限制left/top/right/bottom定位；②限制z-index層級；③限制在overflow下的囂張氣焰。
relative和fixed限制作用：限制z-index層級。
2、relative和定位
特性：①相對自行進行定位；②無侵入，不影響其他元素布局。
top/bottom和left/right對立屬性同時存在時的表現：top＞bottom left＞right
3、relative和層級
提高元素的層疊上下文。
新建層疊上下文與層級控制：relative元素的z-index是auto的時候，不會限制子元素的層疊。（ie8+）
4、relative的最小化影響原則
定義：盡量降低relative屬性對其他元素或者布局的潛在影響。
原則：①盡量避免使用relative；②relative最小化，將需要absolute定位的元素放到乙個空的relative元素中。
學習筆記 CSS深入理解之float
張鑫旭的css深入理解之float浮動學習筆記float為產生文字環繞效果而生 包裹 即產生乙個bfc 破壞 使父容器塌陷，元素脫離文件流，產生inline boxes環繞 方式一 使用clear，類似於產生乙個連線索道，使前文和後文關聯，會產生margin重疊效果。方式二 父容器bfc或者hasl...
學習筆記 CSS深入理解之margin
張鑫旭的css深入理解之margin學習筆記前提 只應用於block元素 不考慮writing mode的情況下，只發生在垂直方向 場景 兄弟元素發生重疊 父元素和第乙個 最後乙個子元素發生重疊 margin bottom重疊 最後乙個子元素設定margin bottom相對于父元素設定margin...
CSS深入理解學習筆記之relative
1 relative和absolute的相煎關係 限制作用 限制left top right bottom定位 限制z index層級 限制在overflow下的囂張氣焰。relative和fixed限制作用 限制z index層級。2 relative和定位 特性 相對自行進行定位 無侵入，不影響...