同一高度列中的多个块

Question

可以在CSS中创建布局（不包含flex）？列总是必须有100％的高度。 它们的内容并不从上到下填补他们，所以我有这样的问题：

jsfiddle

.holder { 
 
    display: table; 
 
    width: 100%; 
 
} 
 

 
.holder > div { 
 
    display: table-cell; 
 
}

<div class="holder" > 
 
     <div class="col-left" > 
 
      <div class="first" > 
 
       <h3>title</h3> 
 
       <p>text text text</p> 
 
      </div> 
 
      <div class="image-bottom" > 
 
       <img src="path/to/image" alt="Image" /> 
 
      </div> 
 
     </div> 
 
     <div class="col-middle" > 
 
      <div class="image-top" > 
 
       <img src="path/to/image" alt="Image" /> 
 
      </div> 
 
      <div class="second" > 
 
       <h3>title</h3> 
 
       <p>text text text</p> 
 
      </div> 
 
      <div class="image-bottom" > 
 
       <img src="path/to/image" alt="Image" /> 
 
      </div> 
 
     </div> 
 
     <div class="col-right" > 
 
      <div class="image-top" > 
 
       <img src="path/to/image" alt="Image" /> 
 
      </div> 
 
      <div class="third" > 
 
       <h3>title</h3> 
 
       <p>text text text</p> 
 
      </div> 
 
     </div> 
 
</div>

Answer 1

Freewall插件可以帮助您管理的效果。 See the main page.