小李带你玩转html—04

还是盒模型

  • 盒模型清空样式,一些标签自带样式,需要清空
    小李带你玩转html—04
  • 效果图如下

小李带你玩转html—04

margin

  • 当两个盒子在垂直方向时,外边距小的会被外边距大的重合,这个现象叫做外边距塌陷。

  • 小李带你玩转html—04
    小李带你玩转html—04

  • 父盒子和子盒子也会出现margin塌陷现象
    小李带你玩转html—04
    小李带你玩转html—04

  • 解决办法:①给父盒子加一个边框小李带你玩转html—04
    小李带你玩转html—04

  • 方法② 用父盒子的padding 属性挤出来
    小李带你玩转html—04

小李带你玩转html—04