出現場景
margin-top在巢狀的結構時針對內層結構的margin-top會同時作用於外層
解決方案觸發bfc，改變父級的渲染規則(1) position: absolute/fixed;
(2) display: inline-block;
(3) float: left/right;
(4) overflow: hidden;
父級新增邊框父級設定padding-top，同時根據實際修改父元素的content區域出現場景
兩個盒子同時新增上下外邊距時，以最大值為準
原因bfc布局規則：box垂直方向的距離由margin決定。屬於同乙個bfc的兩個相鄰box的margin會發生重疊
解決方案觸發bfc，改變父級的渲染規則給內層盒子新增一層父級元素，並加上overflow: hidden;
只給乙個元素新增間距出現場景
說明預設標準流下瀏覽器中的元素是左對齊的（同時可以看到審查元素時margin-right屬性正常），因此即使margin-right的值大於父級元素的寬度時margin-right依然不會起作用。
解決方案脫離標準流(1) 設定浮動流：float: right; margin-right: 50px;
(2)設定定位流：
①position: relative; right: -50px
②父級：position: relative;
子級：position: absolute; right: 50px
浮動布局之 margin
上次用padding來控制左中右三列布局中的中部的位置，通過padding left px 來控制中部元素的位置。然後左側欄向左浮動並設定合適的寬度將中部填充部分覆蓋掉。現在採用另一種方法 margin來控制中部位置。頁面仍然是三欄布局格式。對應的css body container middle ...
憤怒的調音師《調音台不思議手記》
憤怒的調音師 調音台不思議手記 一 調音台 gian 增益 clip peak 削波 調音台分割槽 輸入通道區，功能區，輸出母線區 peak紅燈 也有用clip表示，clip peak 削波 前級給的訊號過大或失真，輸入進來的電平訊號過大了，功放削波失真了。提醒要注意訊號大小的控制，不然很容易燒毀音...
CSS知識梳理之 margin
梳理完position，來到margin，每個知識點乙個乙個攻破啦 雖然margin可以應用到所有元素，但display屬性不同時，表現也不同 1.block元素可以使用四個方向的margin值 2.inline元素使用上下方向的margin值無效 3.inline block使用上下方向的marg...