<分区>
标签 css google-chrome
<分区>
所以我在 firefox 浏览器中做了这样的事情:
但是在 chrome (v53) 中。高度属性不相等:
高度相差1px。 有什么解决办法吗?如果你想看直播页面,就访问my site here
对不起我的英语。
最佳答案
最简单的解决方案是删除每个 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;
}
关于css - 如何使表格内的两个元素具有相同的高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41962767/