vyacheslavkulik
2/8/2016 - 2:36 PM

колонки одинаковой высоты

колонки одинаковой высоты

 <div class="columns">
            <div class="left">   левая колонка       </div>
            <div class="center"> центральная колонка </div>
            <div class="right">  правая колонка      </div>
        </div>
        

<style>
  /* обёртка колонок */
.columns {
    display: table;
    width: 100%;
    -webkit-box-sizing: border-box;  /* фикс для старых Chrome и Safari */
       -moz-box-sizing: border-box;  /* фикс проблемы для Firefox       */
            box-sizing: border-box;  /* не поддерживается в CSS2        */
    margin-left: 0;
    margin-right: 0;
}

/* сами колонки */
.columns > div,
.columns > noindex > div {
    display: table-cell;
    vertical-align: top;
    width: auto;
    position: relative;
    -webkit-box-sizing: border-box;  /* фикс для старых Chrome и Safari */
       -moz-box-sizing: border-box;  /* фикс проблемы для Firefox       */
            box-sizing: border-box;  /* не поддерживается в CSS2        */
}
</style>