css block多列同高

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

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

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

相关文章
相关标签/搜索