如何使表格内的两个元素具有相同的高度[重复]

【问题标题】：How to make both element inside a table has the same height [duplicate]如何使表格内的两个元素具有相同的高度[重复]
【发布时间】：2017-06-17 04:42:00
【问题描述】：

所以我在Firefox浏览器中做了这样的事情：

但在 chrome (v53) 中。 height 属性不相等：

有 1px 的高度差。有什么解决办法吗？如果你想看直播页面，只需访问my site here

对不起我的英语。

【问题讨论】：

用你试过的东西更新？
发布您的标记和 CSS，指向网站和外部资源的链接可能会消失，当他们这样做时，这个问题将毫无用处
这个问题很常见stackoverflow.com/questions/7229568/…

标签： css google-chrome

【解决方案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;
}

【讨论】：