如何使表内的两个元素具有相同的高度

Question

所以我在firefox浏览器中做了类似的事情：

但是在chrome（v53）中。 height属性不相等：

高度相差1px。 有什么解决方案吗？如果您想查看实际网页，请访问my site here

抱歉我的英文。

Answer 1

最简单的解决方案是删除每个div上的单个边框，然后使用容器来获取所需内容，

https://jsfiddle.net/uqdmvonv/

示例：

div.pp-footer1-container1 div.pp-footer1-fill4{
    display: table;
    border: 2px solid white;
    border-radius: 8px;
}
div.pp-footer1-container1 div.pp-footer1-fill4{
    border: none;
    border-right: 2px solid white; // This is for that middle bar
}
div.pp-footer1-container1 div.pp-footer1-fill4 a:hover{
    text-decoration: none;
    background-color: white;
    color: #ff0000;
    transition: all .5s ease;
}