[HTML&CSS]margin與padding的差異

身為一個號稱會CSS的人,如果連margin跟padding差異都不知道就貽笑大方了
(據說有公司面試題目就是「請問margin與padding的差異?」


假設現在有兩個DIV存在場上
css:margin:0px
兩個DIV基情四射的黏在一起好不歡樂,有設定border會很明顯
三個也疊都疊都疊都可以疊
若將margin設為10px,則DIV之間會出現10px的距離

css:padding:0px
內部內容會緊貼DIV邊緣,同樣的有設定border會很明顯
如果設定padding:10px
內容就會距離DIV邊界稍微有點距離

以上大略就是margin與padding的差異

留言