//css樣式之margin的使用
//1.行內元素之間的水平margin的計算: 行內元素水平元素之間的margin是左右兩個margin值的疊加,所以兩個span之間的距離是30px
span1
span2
//2.塊級元素之間的垂直margin的計算: 塊級元素的垂直margin的計算是大的margin值覆蓋包含小的margin值,所以兩個div之間的距離是30px,改變div1的值為20或者30,距離不變,改為40時,距離變為40px
div1
div2
//3.巢狀盒子div之間的margin的計算:子級margin-top為30 + 父級的padding10px,即40px,而其他三邊的margin值均為10px.
//4.當margin值為負值時計算:
(1)當margin為負值時,元素會向反方向移動,比如span的margin-top為-100px時,span會向上移動100px
(2)當margin為負值時,子級元素本應該在父級元素內部,此時,可能會溢位到父級div的外部
css中margin和padding的使用
1 設定屬性方法 margin和padding都是用來隔開元素，margin用於布局元素使元素與元素互不相干，padding是用於元素與內容之間的間隔。元素四邊可以設定的屬性 margin top,margin right,margin bottom,margin left,padding top,...
浮動布局之 margin
上次用padding來控制左中右三列布局中的中部的位置，通過padding left px 來控制中部元素的位置。然後左側欄向左浮動並設定合適的寬度將中部填充部分覆蓋掉。現在採用另一種方法 margin來控制中部位置。頁面仍然是三欄布局格式。對應的css body container middle ...
margin之不思議
出現場景 margin top在巢狀的結構時針對內層結構的margin top會同時作用於外層 解決方案觸發bfc，改變父級的渲染規則 1 position absolute fixed 2 display inline block 3 float left right 4 overflow hid...