按理說我們其實想要實現的效果並不想讓最外面的盒子box也有向上的margin值，之所以出現這種情況，根據規範，乙個盒子如果沒有上補白(padding-top)和上邊框(border-top)，那麼這個盒子的上邊距會和其內部文件流中的第乙個子元素的上邊距重疊。（注：這個第乙個子元素我發現是需要設定margin-top和height的，沒有的話他會找到有這兩個屬性的第乙個子元素）
解決方案：
幾種解決辦法：
1：父容器：border：1px solid;（不能是0px）
2：父容器：overflow: hidden;（或auto）
3：父容器：padding：1px；（不能是0或auto，其他的任意數值都可以）
4：父容器或子容器： float：left；（不能是auto）
5：父容器或子容器：position：absolute；
6：子容器：display：inline-block;(或是inline-table)
7：相鄰元素：任意乙個新增float：left（不能是auto）
var obj1=
var obj2=
let obj=new object();
for (i in obj1) else
} }console.log(obj)
垂直外邊距合併問題
簡單地說，外邊距合併指的是，當兩個垂直外邊距相遇時，它們將形成乙個外邊距。合併後的外邊距的高度等於兩個發生合併的外邊距的高度中的較大者。實際工作中，垂直外邊距合併問題常見於第乙個子元素的margin top會頂開父元素與父元素相鄰元素的間距，而且只在標準瀏覽器下 firffox chrome ope...
垂直外邊距合併問題
別被上面這個名詞給嚇倒了，簡單地說，外邊距合併指的是，當兩個垂直外邊距相遇時，它們將形成乙個外邊距。合併後的外邊距的高度等於兩個發生合併的外邊距的高度中的較大者。你可以檢視w3shool css外邊距合併了解這個基本知識。實際工作中，垂直外邊距合併問題常見於第乙個子元素的margin top會頂開父...
BFC 以及 外邊距合併問題
bfc定義 bfc block formatting context 直譯為 塊級格式化上下文 它是乙個獨立的渲染區域，只有block level box參與，它規定了內部的block level box如何布局，並且與這個區域外部毫不相干。bfc布局規則特性 在bfc中 盒子從頂端開始垂直的乙個接...