CSS列高度误差

Question

我试图做一个简单的列系统，我可以使用的网站上，并嵌入到这是跨浏览器和易于使用的任何元素。如果可能的话，我试图用纯CSS来做到这一点。除边界以外的所有东西都不排队。

我试过的一切都没有奏效。

查看这里的CSS：

http://jsfiddle.net/JamesKyle/8H7hR/

脚本版本：

http://jsfiddle.net/JamesKyle/8H7hR/3/

Answer 1

您使用显示：表细胞您的跨度是这样的：

.columns .col { 
    display: table-cell; 
    position: relative; 
    width: 49.9999%; 
    text-align: justify; 
    border-left: 1px solid #ccc; 
    background: #f5f5f5; 
} 

检查这个小提琴http://jsfiddle.net/8H7hR/5/

Answer 2

这是一篇应该帮助的文章：http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks