css block多列同高

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

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

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

    原文作者:刘雯
    原文地址: https://segmentfault.com/a/1190000008468775
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞