前端拾遗

CSS中margin和padding的一些思考

2017-04-06  本文已影响8人  就叫初九吧

盒模型描述了元素所占据的空间,包括content、padding、border、margin。
定义元素实际作用区域:即鼠标放到元素上可点击的实际区域。

  1. margin用来分割两个块元素,而padding更多情况下来扩展元素
  2. margin会发生上下边框折叠 padding不会
  3. padding会占据背景图片
  4. padding和border会扩展元素的可见区域

http://stackoverflow.com/questions/2189452/when-to-use-margin-vs-padding-in-css
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model

上一篇下一篇

猜你喜欢

热点阅读