在css中如果分别用几个block来存放内容,且内容量不同,设置同宽未设同高时,常常出现高度不同样式不美观的问题,可以统一高度来解决,还有一种办法:

padding-bottom:2000px;
margin-bottom:-2000px;
  • 利用padding-bottommargin-bottom正负值抵消;

  • 设置父容器设置超出隐藏(overflow:hidden),这样子父容器的高度就还是它里面的列没有设定padding-bottom时的高度,
    当它里面的任 一列高度增加了,则父容器的高度被撑到里面最高那列的高度,其他比这列矮的列会用它们的padding-bottom补偿这部分高度差。


刘雯
58 声望10 粉丝

爱前端的kcoder