當乙個div套在另乙個div裡的時候，兩個div都會有margin的屬性，必須在外層div新增border屬性或者處理為不同的bfc，這樣才不會出現外邊距合併，如果不做處理，就會出現外邊距合併現象。
對外層div設定以下屬性可生成bfc：
float: left | right;
overflow: hidden | auto | scroll;
display: table-cell | table-caption | inline-block;
position: absolute | fixed;
出現合併現象的父子元素
父親盒子的外邊距設定為10px；
孩子盒子的外邊距設定為30px;
最後的外邊距為兩者中較大的那個，所以最終的外邊距為30px;
沒有出現合併現象的父子元素
當兩個div不存在巢狀關係時，兩者始終會存在垂直方向上的外邊距合併，外邊距的值為兩者中的最大值。
出現合併現象的兄弟元素
空元素本身沒有內容（即空元素）、內邊距、邊框時， 它的上下邊距就相遇了， 即會產生疊加（垂直方向）。當為元素新增內容、 內邊距、 邊框任何一項， 就會取消疊加。
web前端開發JS基礎知識
1 alert 彈出警告窗 2 document.write 在文件中寫入 3 console.log 在控制台輸出日誌 例如 alert hello world 1 必須以字母，下劃線或者 開頭。2 可以由字母，下劃線 或數字組成。3 不能使用關鍵字和保留字。4 區分大小寫。1 數值型別 numb...
web前端開發基礎知識隨筆
1.常見瀏覽器的核心 mozilla firefox使用的是gecko核心，c 開發的開源布局引擎。internet explorer使用的是trident，由微軟開發和維護的瀏覽器渲染引擎，非開源但是開放的介面比較多和靈活，因此產生了是trident核心而非ie的瀏覽器，比如國內的大部分瀏覽器 所...
Web前端基礎知識整理 CSS篇
css手冊 選擇器 一 元素選擇符 通配選擇符 選擇所有元素 型別選擇符 e 以文件物件型別作為選擇符 id選擇符 e id 以唯一識別符號id屬性等於id的e物件作為選擇符 class選擇符 e.class 以class屬性包含class的e物件作為選擇符 二 關係選擇符 包含選擇符 e f 選擇...