【memo】你阿罵的margin 特性【css】

margin 是指border 到外界content 的距離。親代的左右邊界視為有內容,所以margin-left & margin-right 會根據親代的左右邊界作為標準。

我是親代兄弟
我是子代margin:0px 50px;
我是親代

box 子代上方沒有其他內容時,會以親代或祖代兄弟以上的內容做標準,所以子代的margin-top 也會影響親代或祖代。

我是親代兄弟,跟親代距離50px
我是子代 margin: 50px; margin-bottom: 0px;
我是親代,跟著被下推50px
margin-top 對float 元素也無效。
我是親代兄弟,跟親代距離50px
我也是親代兄弟,float:left; 但是親代跟我距離小於50px
我是子代 margin: 50px; margin-bottom: 0px;
我是親代,跟著被下推50px

以上狀況在ie以外的瀏覽器出現

留言

張貼留言

嗯~阿摟哈~爹修?
You guys creep me out. somebody says something(爆