美文网首页
css_20 padding margin 问题

css_20 padding margin 问题

作者: basicGeek | 来源:发表于2018-11-20 16:56 被阅读0次

1.7小知识(浮动的盒子相互影响)

  • 浮动的盒子千万不要让他超出父盒子。
  • 超出父盒子的部分会影响下面盒子中的浮动的子盒子。

1.7.1什么时候用margin和padding(不考虑宽高)

  • 1.需要使用背景图的时候必须用padding。
  • 2.会出现外边距合并或者margin塌陷的时候用padding。
  • 3.行内元素上下只能设置padding,不能设置margin。(行内高16px)
  • 4.看border,如果是a连接,看能不能让字体变色,或者显示小手。
  • 5.看需求。

1.7.2隐藏盒子问题

  • 1.overflow:hidden; 隐藏盒子超出的部分。
  • 2.display: none; 隐藏盒子,而且不占位置。(用的最多)
  • 3.visibility: hidden; 隐藏盒子,而且占位置。
  • 4.opacity: 0; 隐藏盒子,而且占位置。
  • 5.Position/top/left/...-999px 隐藏盒子,而且占位置。


    padding marginpadding margin

相关文章

网友评论

      本文标题:css_20 padding margin 问题

      本文链接:https://www.haomeiwen.com/subject/ctuxqqtx.html