css block多列同高

在css中若是分別用幾個block來存放內容,且內容量不一樣,設置同寬未設同高時,經常出現高度不一樣樣式不美觀的問題,能夠統一高度來解決,還有一種辦法:css

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

  • 設置父容器設置超出隱藏(overflow:hidden),這樣子父容器的高度就仍是它裏面的列沒有設定padding-bottom時的高度,
    當它裏面的任 一列高度增長了,則父容器的高度被撐到裏面最高那列的高度,其餘比這列矮的列會用它們的padding-bottom補償這部分高度差。容器

相關文章
相關標籤/搜索