這兩日為做一張網頁而頭破血流，虧得我是男兒，流血不流淚。
眾所周知網頁由一塊塊組成，常用div。而塊與塊之間的因美觀需求需要對內外邊距調節，因此要注意到盒子模型：
由上面兩幅圖得出：margin外邊距也是盒子中的一部分，而我們時常是根據內部的各div尺寸總和定外層div的尺寸，卻忽略了margin的尺寸。因此，需要在此強調盒子的尺寸計算公式：
1.沒有子div：
width
width + padding-left + padding-right + border-left + border-right
height
height + padding-top + padding-bottom + border-top + border-bottom
2.擁有子div：
width
width + padding-left + padding-right + border-left + border-right+子div+margin-left+margin-right
height
height + padding-top + padding-bottom + border-top + border-bottom+子div+margin-top+margin-bottom
在此，筆者就犯了大錯誤，用子div的尺寸之和定義外層div的尺寸導致用外層div並列的其他div被擠出，造成頁面的崩潰。
margin塌陷 margin合併的解決
父子巢狀元素垂直方向的 margin，父子元素是結合在一起的，他們兩個會取其中最大的值 正常情況應該是父級相對於瀏覽器進行定位，子級應該相對於父級定位的 但是 margin 塌陷是在父級相對於瀏覽器進行定位時，子級沒有相對於父級定位，就像父級的棚子沒有了一樣子級相對於父級，就像塌陷了一樣 a.給父元...
引起的故障
linux 中的！可以快速執行history中的歷史命令，很多時候確實是很便利。昨天因為！引起了一次線上環境的關機，因此我們禁止使用！history 1001 22 30 00 2016 12 30 shutdown h now 1002 00 01 25 2017 01 12 su mysql 如...
margin的基本特性
2007 3 18 上午 html css xml xsl css margin margin 在中文中我們翻譯成外邊距或者外補白 本文中引用外邊距 他是元素盒模型 box model 的基礎屬性。一 margin的基本特性 margin 屬性包括 margin top,margin right,m...